티스토리 뷰
HTML 기본정리
HTML
(Hyper-Text-Markup-Language)
제목(tile), 링크(a) 등
브라우저에게 각각의 태그와 각 요소가 무엇을 뜻하는지 설명(구분)해주는 언어
(태그가 많은 텍스트 문서)
프로그래밍 언어는 아닙니다.
<!DOCTYPE html>
브라우저에게 해당 문서가 html임을 알려줍니다.
self-contained태그 - 혼자 열고 닫음
<head></head>
사용자에겐 보이지않고 웹사이트에 관한 필요 정보를 제공
<meta>
추가 정보
<meta charset="utf-8"> - 브라우저에게 어떤 언어로 작성되었는지 알려줌.
<meta name="description" content="설명"> - 웹사이트에 대한 설명(사이트 검색시 하단에 보여짐)
<meta name="author" content="작정자>
<body></body>
사용자에게 보여질 부분
semantic 태그
의미, 뜻이 있는 지칭하는 바가 있는 태그
ex -> h1, header, section, article
non-semantic 태그
의미, 뜻이 없는 지징하는 바가 없는 태그
ex-> div, span ...
header 같은 경우 머리부분의 코드 임을 지칭하고 쓰임새를 유추할수있으나
div 같은 경우는 어떤 무언가에 사용중이라는 것밖에 알수없다.(무언가가 뭐지?)
그런 차이입니다.
id와 class
div와 같은 것의 id나 class를 사용하여 어느 부분에 쓰고있는지 지칭 용도와
css와 같은 것을 연결할수있다.
id
<header id = "unique-div"> </header>
유일한, 고유한 element(요소)에 사용한다.
class
<div class="manymanydiv"> </div>
반복 사용이 가능하다.(속성)
예를 들어 아이콘, 채팅 메세지 등등
'Study > Web' 카테고리의 다른 글
| 가변 그리드 레이아웃 - 1 (0) | 2018.09.05 |
|---|---|
| 반응형 웹 (0) | 2018.09.05 |
- Total
- Today
- Yesterday
- 디렉터리
- Oracle
- mysql
- servlet-context.xml
- postman
- create-react-app
- jUnit
- instant
- pom.xml
- web.xml이란?
- 설치
- Window10
- mybatis-spring
- Semantic
- import
- dataSource
- clss
- sqldeveloper
- root-context.xml
- Resources
- spring
- Connection-Pool
- php
- react
- 디스크 없음
- mybatis
- vscode
- Get
- install
- cordova
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |