1. HTML(Hyper Text Markup Language)은 인터넷 브라우져로 보여지는 화면을 구성하는 문서
2. CSS – HTML 을 보다 세련되게 표현(그래픽 작업이라고 생각하면 된다.)
3. JAVA SCRIPT – HTML에 동적 기능을 구현
4. J QUERY – JAVASCRIPT의 라이브러리
<!--html은 코드라기 보다는 문서-->
<html>
<head>
<!--글자 타입 선언-->
<meta charset="UTF-8">
<title>문서의 제목</title>
</head>
<body>
<h1>This is Headline</h1>
<h2>This is Headline</h2>
<h3>This is Headline</h3>
<h4>This is Headline</h4>
<h5>This is Headline</h5>
<h6>This is Headline</h6>
</body>
</html>
<!--head는 html의 자식, meta, title은 head의 자식-->
<!--이와 같이 부모 자식 관계를 가진다.-->
<!--꼭 앞에 공백을 넣어 보기 좋게 만들어야 하는데-->
<!--html의 경우 코드가 잘못되도 표시가 되지않기 때문에-->
<!--직접 눈으로 찾아야 한다.-->
<!--그러므로 순서 및 공백이 뒤죽박죽이라면 찾기가 정말 힘들다.-->
<h1~6>, H태그는 글자의 크기가 제각각 다른 강조효과 태그이다.
<html>
<head>
<meta charset="UTF-8">
<title>문서의 제목</title>
</head>
<body>
<h2>HTML <small>Small</small> Formatting</h2>
<h2>HTML <mark>Marked</mark> <b>Formatting<b></h2>
<p>My favorite color is <del>blue</del> red.</p>
<p>My favorite <ins>color</ins> is red.</p>
<p>This is <sub>subscripted</sub> <b>text</b>.</p>
<p>This is <sup>superscripted</sup> text.</p>
</body>
</html>
<small> - 글자 작게
<mark> - 글자 하이라이트(형광펜)
<b> - 굵게 표시
<del> - 글자 중앙 줄 긋기
<ins> - 글자 밑 줄 긋기
<sub> - subscripted의 약자, 글자 아래에 적기
<sup> - superscripted의 약자, 글자 위에 적기
<p> - 위아래 간격 주고 줄 넘기기
<br> - 줄 넘기기, Enter(간격 없이), 위의 예에는 없음
'HTML, CSS, JavaScript, jQuery > 02.HTML' 카테고리의 다른 글
| [HTML]02-06.iframe, 다른 사이트 참조 + 예제 (0) | 2018.10.15 |
|---|---|
| [HTML]02-05.리스트, li, ul, ol, dl(dl, dt, dd) (0) | 2018.10.15 |
| [HTML]02-04.이미지, 하이퍼링크 태그(img, a) (0) | 2018.10.15 |
| [HTML]02-03.테이블(표) 만들기, style, table, tr, th, td, colspan, rowspan (0) | 2018.10.15 |
| [HTML]02-02. hr 태그, 01, 02의 예제, 공백 키워드 (0) | 2018.10.15 |