반응형
*HTML(Hyper Text Markup Language)
-
markup: 본문에서 특정부분을 강조하여 보여주기 위한 기능(ex/ 검은색과 하얀색으로된 이도=>에서 굵은 글씨로 강조한 것)
-
마크업 언어
-
Tim berners Lee 고안
-
HTML5 최종버전 (w3c에서 표준안을 제정하고 관리하고 공표)
-
web browser에서 동작하는 언어 (연산기능이 없다, 있는거 그대로 보여줌 (유효성검증 같은거 못함))
-
Compile을 하지 않고 Tag를 그려서 보여주는 언어(문법적 에러가 아님) (Error가 발생하지 않는다.)
-
=>문제가 발생한 코드를 찾기 어렵다.(단점)
-
SGML언어(Markup 언어를 작성할 수 있는 언어)에서 파생된 언어
-
저장시 [ .html ]의 확장자를 가진다.
-
Markup Language는 Tag 언어
-
<태그명> 내용</태그명>
-
시작태그 끝태그
-
열린태그 닫힘태그
-
HTML Element 라고 합쳐부른다
-
DTD(문서 원형 정의) 가 존재
-
=>w3c에서 정의
-
태그의 종류(Element),속성(Atribute),정의 순서 등이 선언된 문서
-
<<xml은 자유도가 높아 "해봐" 하는것과 같다
-
<<html은 정의되어있으니 그냥 쓰면됨 콕찝어 이거 해봐 해줌.... 저것(DTD)만 하면되서 쉬움..but, 에러가 안나......
-
<<이태그를 썻을떄 뭐가 그려지는지 알아야 쉬워진다! 50여개는 꼭 알아야 만들 수 있다.
-
<<대소문자 가리지 않는다
-
작성법
<!DOCTYPE html>
<html>
<head>
<title> Tab에 들어갈 내용</title>
</head>
<body>
사용자에게 보여줄 내용
</body>
</html>
<태그명></태그명>
=> .<태그명/> 태그사이에 값이 없을 때
-
구조
-
줄변경 태그 : <br>
-
문자열A <br/>문자열B 문자열A
-
<br> 문자열B 로 볼 수있다.
-
문단 태그 : <p></p>
-
<p>문단 내용</p> <p> ~<br>~<br>~<br>~</p> 인것
-
Markup 태그 :
-
<big>-글자 크게 : HTML5에서는 지원하지 않는다.->css로 쓰는게 낫다)
-
<small>-글자 작게
-
<center>-가운데 정렬 : HTML5에서는 지원하지 않는다.-실행은되는데 warnning!
-
<u>-밑줄 : HTML5에서는 지원하지 않는다.
-
<b>-진하게
-
<strong>-진하게 (권장)
-
<strike>-취소선 : HTML5에서는 지원하지 않는다 오늘따라 <strike>잘생겨</strike>보인다
-
<i>-이탤릭 체(지저분해 보여 잘쓰지 않는다)
-
<sup>윗첨자 2^8
-
<sub>-아랫점자 H2O (마찬가지로 보기 드물다)
-
<mark>-HTML5에서 새로 지원되는 형광펜에 대한 효과
-
*HTML5 에서 지원하지 않는 태그의 기능은 가급적이면 CSS로 구현
-
<<(브라우저마다 다르게 그려지거나 디자인과 분리되어져야하는 코드들을 discouraged?제외?한것이라)
반응형
'국비지원학원 > HTML,JavaScript,jQ' 카테고리의 다른 글
| 69일차-CSS (0) | 2019.01.30 |
|---|---|
| 68일차-HTML Form Control (0) | 2019.01.29 |
| 67일차-HTML_div tag (0) | 2019.01.27 |
| 67일차-HTML_table tag (0) | 2019.01.26 |
| 66일자-HTML Tag (0) | 2019.01.25 |