HTML 02

2017. 2. 12. 23:50Work/HTML

728x90
반응형

HTML 기본 폼

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    

</body>

</html>

HTML5 라는 것을 명칭함

ko,ja,zk(중국),en,ra(러시아),de(독일어)


Brackets에서 UTF-8만 지원

타이틀 이름 설정


바디 안에 글자 채움

HTML <head></head>

meta 추가 정보

title 제목

script 스크립트 추가

link 다른 파일 추가

style 스타일 시트 추가

base 기본 경로 지정

글자 폼 http://www.homejjang.com/03/html.php/text.php

<h1~h6>...</h1~h6>

h1 <- 가장 큰 타이틀 (개행 포함), h뒤에 숫자가 클 수록 크기 작아짐

<b>...</b> ( <h1><b>...</b></h1> 가능 )

bold 굵은 글자 표시 

<i>...</i> ( <h1><i>...</i></h1> 가능 )

italic 기울어진 글자 표시

<small>...</small> ( <h1><small>...</small></h1> 가능 )

작은 글자 표시

<sub>...</sub>  ( <h1><sub>...</sub></h1> 가능 )

subscript  (아래 첨자)아래 달라 붙는 글자

<sup>...</sup> ( <h1><sup>...</sup></h1> 가능 )

superscript (위 첨자)위에 달라 붙는 글자

<ins>...</ins> ( <h1><ins>...</ins></h1> 가능 )

밑줄 글자

<del>...</del> ( <h1><del>...</del></h1> 가능 )

가운데 줄 글자

등등

링크 연결

<a>...</a>

<a href="http://www.ABC.com">ABC</a> 기본 폼 이동

<a href="#">Empty</a> 빈 링크

<a href="#ID">Id</a> 

<h1 id="ID">TitleID<h1> <-- 여기로 이동

-> 앵커태그, 서로 다른 웹페이지 사이로 이동 혹은 내부에서 특정 위치로 이동

목록 태그

<ol> 안에 <li>...</li></ol> -> 순서로 목록 정리

<ol><li>...<ol><li>...</li></ol></li></ol> 로 도 가능

<ul> 안에 <li>...</li></ul> -> 순서 없이 목록 정리

<ul><li>...<ul><li>...</li></ul></li></ul> 로 도 가능

<li>...</li> 목록별 정리

정의 목록

<dl><dt>ㅁㅁㅁ</dt><dd>AAA</dd></dl>

ㅁㅁㅁ

AAA

<dl>...</dl> 목록들 정의 

<dt>...</dt> 정의 용어 (타이틀)

<dd>...</dd> 정의 설명 (바디)

테이블 목록

<table>$$$<tr>^^<th>ㅁㅁㅁ</th><td>AAA</td></tr></table>

$$$

^^    ㅁㅁㅁ AAA

<table></table> <table border ="1">를 하지 않으면 표 타입 형태로 나오지 않음 숫자는 표 테투리 굵기 0으로 지정시 표 나오지 않음

728x90
반응형

'Work > HTML' 카테고리의 다른 글

HTML 05  (0) 2017.02.17
HTML 04  (0) 2017.02.16
HTML 03  (0) 2017.02.15
HTML 01  (0) 2017.02.12