[HTML] HTML 정리 (3)
HTML의 모든 표현은 대소문자를 구분하지 않지만 소문자로 표현하는걸 권장함.
<head> : 사용자에게 보여지지 않는 부분. 브라우저가 HTML문서를 처리할 때 필요한 정보들이 포함된다. (메타)
<body> : 사용자에게 보여주는 부분.
<!DOCTYPE ~~> : 문서가 뭘로 쓰였는지 알려준다. <!DOCTYPE html> 은 html로 쓰였다는걸 의미.
<h1> : 제목. 숫자 작을수록 중요도 높음 1 ~ 6
<p> : 한 단락. 화면은 알아서 조정되고 공백과 개행문자도 적절히 처리됨. block
<div> : block
<span> : in-line
<pre> : 공백과 개행문자를 그대로 해석함. <code> 태그와 함께 사용해서 소스코드를 명시할 수 있음.
<br> : 행 바꾸기 (줄바꿈) p 태그랑 함께 사용해서 단락을 구성할 수 있다.
<hr> : 줄 긋기. 주제 전환 시 사용.
<strong>, <b> : 굵게
<em>, <i> : 이탤릭체
<!-- ~~ --> : 주석
<iframe src = "www.dd"> : 특정 영역을 만들고 해당 영역에 src에 정의된 웹 페이지를 보여줌. 프레임 안에 프레임을 배치 할 수 있다.
target : 속성으로 사용된다. 사진이 프레임의 어느 위치에 배치할 지 결정한다.
- _self : 현재 프레임에 배치
- _blank : 새로운 탭을 열고 배치
- _parent : 부모 프레임에 배치
- _top : 현재 창의 맨 위에 배치
<table> : 표 만들때 사용
<th> : 테이블 제목
<td> : 테이블 내용
<tr> : 테이블 행
border : 테이블에 기준선 추가
border-collapse:collapse : 선 하나만 쓰기 (기본 이중선)
<caption> : 테이블 제목
rowspan : 행 합치기
colspan : 열 합치기
태그 내부에는 attribute를 가질 수 있다. name = "value"
<ul> : Unordered List
<ol> : Ordered List
<li> : 리스트 요소
<dt> : 사전에서 단어 포지션
<dd> : 사전에서 뜻 포지션
<a href = "www.a.com"> : a는 하이퍼링크를 의미. href로 어디로 갈 지 명시.
<img src = "~~"> : img는 이미지를 의미. src로 경로를 명시. 이 때 Relative URL을 사용을 권장
<img src = "~~" alt = "asdf"> : 이미지를 불러올 수 없을 때 alt 속성이 이미지 대신 렌더링된다.
<p style = "color:red; font-size:50px"> : CSS를 HTML내부에서 사용.
<html lang = "en"> : 어떤 언어로 작성됐는지 명시해줌.
<p title = "asdf"> : title로 글자에서 호버링 할 때 툴팁을 표시함.
'Web > HTML && CSS' 카테고리의 다른 글
[HTML] Form (1) (0) | 2022.10.25 |
---|---|
[CSS] CSS 정리 (5) (0) | 2022.09.21 |
[CSS] CSS 정리 (4) (2) | 2022.02.06 |
[CSS] CSS 정리 (3) (0) | 2022.01.21 |
[CSS] CSS 정리 (2) (0) | 2022.01.20 |
댓글
이 글 공유하기
다른 글
-
[HTML] Form (1)
[HTML] Form (1)
2022.10.25 -
[CSS] CSS 정리 (5)
[CSS] CSS 정리 (5)
2022.09.21 -
[CSS] CSS 정리 (4)
[CSS] CSS 정리 (4)
2022.02.06 -
[CSS] CSS 정리 (3)
[CSS] CSS 정리 (3)
2022.01.21