반응형

 

 

 

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로 글자에서 호버링 할 때 툴팁을 표시함.

 

 

반응형
저작자표시 (새창열림)

'--------------' 카테고리의 다른 글

쿠팡 상품 크롤링  (0) 2022.09.20
네이버 뉴스 크롤링  (0) 2022.09.18
시간의화살 블로그 소개  (0) 2022.08.30
HTTP 통신과 라이브러리  (0) 2022.04.05
[CSS] CSS 정리 (4)  (2) 2022.02.06

티스토리툴바