[새싹프론트엔드] 자주 쓰이는 HTML

웹페이지와 HTML

웹페이지의 3구성요소

HTML:구조와 내용
CSS:모양
JAVASCRIPT:행동 및 응용 프로그램

HTML은 태그로 구성된다. HTML의 태그 종류는 무수히 많기에 다 외우기에는 한계가 있다. 많이 쓰이는 것들 위주로 기억하고 나머지는 구글에 의존하자 구글은 모든것을 알고있다.

많이 쓰이는 태그들

분할영역지정

<div> Block 특성가지며 새로운 라인시작. 화면 가로부분 전체차지

<span> inline특성 새로운 라인 아닌 기존라인에 이어서 생성

목록생성

<ul> unordered list 순서없이 검은점으로 목록나열

<ol> ordered list 순서에 따라 번호순으로 목록나열

<li>  ul과ol의 자식요소로 각각의 항목들을 li 태그를 통해 구분가능 

입력

<input> Text와 Radio, CheckBox등을 삽입할 때 사용한다.

하이퍼링크

<a>  link를 의미하며 HyperText에 해당한다.

태그 고유명사화

<id> 태그에 이름을 만들어 고유한태그 생성. id는 중복불가

<class> id와 마찬가지로 태그에 이름을 만들지만 id와달리 중복가능

줄바꿈

<br> 닫지않는 태그. 단순 시작적효과위주

<p> 단락을 나누는 태그. 태그사이에 내용 삽입가능하며 css를 통해 정교한 표현가능

새싹DT 기업연계형 프론트엔드실무프로젝트과정 1주차 블로그 포스팅