HTML
- 웹페이지를 만들기 위한 표준 마크업 언어
- 웹페이지의 구조를 정의
- 일련의 Element(요소, 태그)로 구성된다.
- HTML요소는 브라우저에 콘텐츠를 표시하는 방법을 알려준다.
HTML은 5버전 외에는 거의 쓰지 않는다.
속성명ㄱ ┌속성값 ┌ 종료태그
<p class="abc">asdasd</p>
ㄴ태그이름 ㄴ 내용
ㄴ---------------┛ => 시작태그
<!DOCTYPE html> // 브라우저에 html을 사용할 것이라 선언
<html>~</html> // / 는 종료의 예약문자
HTML요소는 시작태그, 내용)contents), 종료태그로 정의된다.
<br>,<img>료소 등과 같이 내용(contents)이 없는 요소를 빈(empty)요소 라고 한다.
빈요소(empty element)에는 종료태그도 없다.
// 되도록 소문자로 작성해야한다. 종료태그는 안써도 되지만 다른언어에선 쓸수도 있어서 쓰는게 좋다.
⭐empty와 null은 확실히 구분해야한다!⭐
HTML Attributes(속성)
- 모든 HTML요소는 속성을 가질 수 있다.
- 속성은 요소에 대한 추가정보를 제공한다.
- 속성은 항상 시작태그에 지정된다.
- 속성은 일반적으로 name="value"형식으로 제공된다.
InLineLevel : 한줄 안에서 나열되는 것들 (<th>, <td>, <mark>, <span>, <a>, <strong>, <em>, <img>)
너비, 높이, 여백지정이 불가능하다. // img(너비, 높이) 예외 // th, td, img(여백지정)는 예외
BlockLevel : 사각형 형태로 되어있는 것들
<p> 태그 계열 : <p>, <h1>~<h6>, <ul>, <ol>
<div> 태그 계열 : <li>, <dt>, <dd>, <tr>, <hr> // margin(Contents 바깥 여백) = 0이다. // 너비가 100%로 설정돼있음
<br>태그 계열 : <br>, <table>
대부분의 BlockLevel의 높이는 contents의 높이만큼을 차지한다.
안쪽 여백을 채우려면(padding) 블럭레벨로 만들자.
공백
모든 문서의 시작과 끝의 공백은 의미가 없다.
내용과 내용 사이는 한칸만 인정된다.
공백을 더 넣고 싶으면 를 써야한다.
줄바꿈 없이 한줄이 넘어가면 영어는 단어, 한글은 한글자단위로 줄이 바뀐다.
⭐Img태그에는 접근성속성(대체텍스트 속성 - alt, title)을 필수로 작성해야한다.⭐
'HTML' 카테고리의 다른 글
| HTML ) Form (0) | 2022.06.02 |
|---|