<HTML 기본 개념>
HTML이란 : Hypertext Markup Language의 약자
Hypertext란
- 문서와 문서가 링크로 연결되어 있는것
- HTML의 중요한 요소
링크는 HTML의 본질이다.
HTML의 본질은 웹의 본질 -> 링크와 링크가 모여 웹을 만든다.
Markup이란
- Tag : 옷에 붙어있는 Tag는 옷의 원산지, 치수 등을 기재해서 소비자에게 알려주듯이 HTML에서도 같은 의미로 쓰인다.
- ex: <strong>마크업</strong> (시작태그와 끝태그, 가운데 있는 내용은 컨텐츠)
<HTML 문법 - 속성>
- link : <a href=“”>
- 링크를 클릭했을 때, 새창에서 열고 싶을 경우 : target=“_blank”
<HTML 문법 - 태그의 중첩>
- 리스트를 표현하고 싶을 경우 : <li>html</li>
- 별도의 그룹으로 리스트를 묶고 싶을 경우 <ul> 태그로 <li>를 감싼다
- 순서가 필요한 경우에는 <ul>대신 <ol> 사용. 숫자가 자동으로 붙게됨
<의미론적인 웹 - Semantic Web>
Semantic이란 정보의 의미를 더 잘 드러나게 하는 태그들을 말한다.
예를들어,
<nav></nav> : 이 태그를 보면, 네비게이션 역할을 하는 태그라는 것을 알 수 있다.
그 밖에,
<header> : 웹의 간판과 같은 역할
<article> : 본문
이렇게 의미가 잘 전달되도록 Tag를 적절하게 쓰는 웹이
Semantic Web이다.
index.html : 웹의 대문과 같은 페이지, 서로 약속되어 있는 파일 이름.
'개발레시피 > └ Front-End' 카테고리의 다른 글
| [Angular] 관계성이 없는 Component간의 통신 (0) | 2018.09.06 |
|---|---|
| Angular 기본 (0) | 2018.05.30 |
| Angular 1.x와 Angular 2의 차이점 (0) | 2017.06.05 |
| [Chrome Extension] manifast.json 파헤치기 (0) | 2017.05.27 |
| [Chrome Extension] 크롬 확장프로그램 만들기 (0) | 2017.05.27 |
Comments