* HTML ( Hyper Text Markup Language)
HTML 은 웹상의 문서 , 즉 홈페이지를 만들수 있는 언어 입니다.
홈페이지를 만드는 법을 배우고
웹 상에서 보일수 있도록 구현하는 것입니다.
HTML 을 입력한다 라는 것은 'TAG를 입력한다' 라고 합니다
붙여서 HTML TAG 라고 부릅니다. HTML 에서 사용되는 각각의
구성요소와 문법들을 태크라고 하며 각각의 태그들은 저마다 속성과 값들이
다릅니다 . 이러한 각각의 태그와 함계 삽입하여 구현할수 있는 속성과 값들을 구현하여 웹페이지를 만듭니다.
* HTML 로 할수 있는 것
1.홈페이지를 만들수 있습니다.
2.글 문단만 입력된 메일이 아니라 멀티미디어가 삽입된 메일을 보낼수 있습니다.
3.다음, 네이버의 카페 서비스에서 카페성격에 맞는 개성있는 메인 홈페이지와 서브 홈페이지 그리고 게시판 등록을
할수 있습니다.
기본구성
<html> =>1
<head> =>2
<meta charset="UTF-8" />
<title> My Title </title> =>3
</head>
<body> =>4
</body>
</html>
1. <HTML> 태그
웹 문서의 형식이 HTML 을 이용하여 작성하는 부분임을 알려줍니다.
첫 시작부분에 <HTML>을 입력하고 마지막에 </HTML> 을 입력합니다.
2. <HEAD> 태그
실제로 웹 브라우져에 나타나지는 않지만 웹문서의 제목 , 제작자 , 언어 형식과 같은
문서 전체의 정보를 입력합니다.
3. <TITEL>태그
<HEAD> 태그안에 <TITLE> 문서 제목 </TITLE> 형태로
삽입됩니다. 웹 브라우져의 제목줄에 표시되며 [즐겨찾기]로
추가할경우 기본적으로 표시되어 나타납니다.
4. <BODY> 태그
웹 브라우져에 실제로 나타나는 부분으로
<BODY> 내용물 </BODY> 형태로 표시합니다.
. 태그 특성
. '<' 과 '>'사이에 영문이나 숫자의 조합으로 이루어 집니다.
. 시작과 끝을 써주어야 하는 태그들이 있습니다. 끝을 알리는
부분에는 '</태그>' 형태로 '/' 이 삽입됩니다.
. 대,소문자를 구별하지 않습니다.
. 태그의 세부적인 기능을 제어하는 옵션을 값과함께 '<태그 속성="" >' 형태로 삽입합니다.
* 문자나 기호의 엔터티와 코드 표현
문자 엔터티 표현 코드표현
" " "
' ' '
< < <
> > >
& & &
빈칸  
∞ ∞ ∞
∑ ∑ ∑
÷ ÷ ÷
√ √ √
.블록 테그와 인라인 테그
HTML 은 Block 태그와 Inline 태그로 나뉩니다.
Block Tag : <p> , <h1> , <div> , <ul>
Inline Tag : <strong> ,<a> , <img> , <span>
.블록 태그는 항상 새 라인에서 시작하고 브라우져의 왼쪽 끝에서
오른쪽 끝까지 블록 공간을 차지합니다.
.인라인 태그는 블록에 삽입되어 블록 콘텐츠의 일부를 표현하는데 사용됩니다.
OL / UL
<OL> 태그는 Ordered List <UL> 은 Unordered List 라는 뜻으로
목록 등을 지정할 글머리표 스타일로 정리해 줍니다.
사용법은 동일하며 차이점은 지정한 스타일에 따라 앞에 나타나는 글머리표가 자동으로 정해져서 나타납니다.
<UL Type="스타일">
<LI Type="스타일">
<LI Type="스타일">
<LI Type="스타일">
</UL>
.스타일
.disc : 속이 꽉찬 검은 원형
.circle : 속이 빈 원형
.square : 속이 찬 사각형
형식
<OL Type="스타일">
<LI Type="스타일">
<LI Type="스타일">
<LI Type="스타일">
</OL>
. 스타일
. 1 : 아라비아 숫자
. A : 알파벳 대문자
. a : 알파벳 소문자
. I : 로마숫자 대문자
. i : 로마숫자 소문자
HTML 특수문자 리스트
ßßßSmall sharp s, German (sz ligature)
kor.pe.kr
'국비 과정 > HTML & CSS' 카테고리의 다른 글
| HTML (나만의 홈페이지 만들기) (0) | 2022.09.22 |
|---|---|
| 국비 - 0913 ( Video / Audio / FormTag ) (3) | 2022.09.13 |
| 국비 - 0908 ( HTML META DATA 삽입 ) (0) | 2022.09.08 |
| 국비 - 0907 ( Hyper Link ) (2) | 2022.09.07 |
