HTML 이란
Hypertext Markup Language의 약자로 하이퍼텍스트 마크업 언어라는 의미의
웹 페이지를 위한 지배적인 마크업 언어다.
에디터의 종류에는
Atom
brackets
Sublime Text
Visual Studio Code 등이 있고 나는 Visual Studio Code를 사용했다.
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
HTML 파일을 만들 때 확장자는 .html ex) start.html
파일명은 영문, 띄어쓰기 대신 _(underbar) 사용
특수문자 사용 불가
HTML의 기본 구조는
|
DOCTYPE 선언은 HTML 문서가 어떤 버전으로 작성되었는지 브라우저에게 말해줌
생략 가능하지만 하위호환성을 위해 작성할 것을 권장함
|
| 이 속성은 HTML 문서가 어떤 언어로 사용 되었는 지를 나타냄 |
| 문서의 정보를 나타내는 태그임 제목, 설명, 파일위치 스타일(CSS)같은 웹페이지에 보이지않는 정보를 작성하는 범위임 |
| HTML 문서 (웹페이지)에 관한 정보 표시방식, 제작자, 내용, 키워드 등을 검색엔진이나 브라우저에 제공함 |
| 문서의 구조를 나타내는 태그 실제로 눈에 보이는 웹페이지를 작성하는 범위임 |
HTML의 기본 태그
<h#> ~ </h> 글씨 크기
1부터 6까지 있으며 1이 가장크고 6이 가장 작음
<hr>
수평선 또는 구분선
<p> ~ </p> 문장 단락 구분
한줄을 띄우고 다음문장 시작
<br> 또는 <br/> 줄바꿈
문장 뒤에 사용하고 종료태그 없음
<br> vs <br/> 의 차이
- 편리함 HTML1/2/3/4/5
- 안전함 XHTML /HTML5
<Pre> </pre> 입력한 공백을 그대로 표시
특수문자 표기 방법
'HTML CSS' 카테고리의 다른 글
| HTML - fieldset태그와 legend태그 overflow (0) | 2022.02.03 |
|---|---|
| HTML - 표만들기, 테이블 구조, 파비콘 (1) | 2022.01.28 |
| HTML - target태그, 이미지, 비디오 삽입하기 (1) | 2022.01.27 |
최근댓글