1.HTML 이란 무엇일까
하이퍼텍스트를 가장 중요한 특징으로하는 마크업이라는 형식을 가진 컴퓨터 프로그래밍 언어
Language=언어
Html은 웹 브라우저에 표시되는 웹 페이지를 만들어 달라는 언어
HTML 기본 문법
1. 태그
- 문서의 구조를 표현
- 사람과 웹브라우저간의 약속
- 보통 <tag>로 시작해서 </tag>로 끝나게 된다.
안에 내용이 없는 경우에는 <tag />와 같은 사용도 가능하다.
- 태그안에 속성을 사용해서 필요한 기능들을 사용할 수 있고 속성의 순서는 중요하지 않다.
- 태그는 중첩을 이용해서 사용이 가능하고 중첩을 이용해 하나의 그룹으로 나눌 수 있다.
HTML에서 가장 중요한 특징 -엄청 쉬운 언어
<strong>자신의 힘</strong>
진하게 표시 한다
"자신의 힘" 이 진하게 표시된걸 확인할수있다
</1> 시작태그
</1> 닫히는 태그
태그가 HTML 언어에서 가장 기본이 되는 문법이다
2.하이퍼 텍스트
a태그를 이용하여 링크를 걸도록 약속한다
도널드 커누스에 링크를 걸고 싶으면 a태그를 이용하여 링크를 걸도록하는데
a태그만으로는 링크를 걸수 없기 때문에 속성이 필요하다
*기본 세트로 알아두면 좋음
a href="url 주소"
a태그의 속성을 몇개 소개하자면
새로운 탭이 열리면서 페이지가 열리게 하고싶으면 target=”_blank” 속성과
링크 위에 올려 제목이 나오게 하는 Title=”전설적인 프로그래머” 속성이 있다 .
3.문서의 구조
- HTML 문서의 구조에서 <head></head> 태그 안에는 문서의 정보를 적도록 약속 되있고
<body></body> 태그 안에는 본문에 표시되는 내용을 적도록 약속 되있다.
( 약속일뿐 꼭 그렇게 적어야 되는건 아니다 )
<title>HTML - 수업소개</title>
주소 페이지 위에 탭의 제목으로 표시가 가능하다
<meta charset="utf-8">
화면에 글꼴이 깨짐을 방지하기 위해서
Title 과 meta 태그는 <head>태그 밑에 있고
본문인 태그(h1,br)<body>태그 밑으로 들어간다
4.DOCTYPE
- 웹 브라우저에게 어떤 타입의 HTML을 따르고 있는 태그인지를 알려준다.
- 현재 HTML5에서는 <!DOCTYPE html>로 단일화 되었다.
4.리스트 태그
<li> 태그를 사용해서 리스트를 설정하는데 태그는 단독으로 사용이 불가능하다
순서가 있는 리스트로 표현 하고싶으면 <ol>
<ol>
<li> </li>
<li> </li>
<li> </li>
</ol>
<ul>
<li> </li>
<li> </li>
<li> </li>
</ul>
'생활코딩' 카테고리의 다른 글
| [HTML]html 주요태그 - 입력 양식<form> (0) | 2017.11.16 |
|---|