📖HTML, CSS, Java Script
- HTML : 웹 페이지 구조를 형성하는 마크업 언어.(Hyper Text Markup Language의 약자)
- CSS : 디자인 요소를 시각화하는 스타일시트 언어.
- JS : 웹 페이지를 프로그램으로 만들어 유저와 상호작용하는
프로그래밍 언어. (동적기능을 구현할 수 있음.)📖HTML 구성요소
✍ 요소 (Element)
HTML에서 시작 태그와 종료 태그로 이루어진 모든 명령어들을 말하며 태그의 의미를 결정.
요소마다 열린 태그와 닫는 태그를 가질 수 있으며, 시작 태그만 가질 수도 있다.(img,input)
태그 사이에 텍스트나 다른 요소를 포함할 수도 있음.✍ 태그 (Tag)
태그는 꺽쇠(<,>)로 싸여진 키워드.
태그에는 열린 태그`<요소>`와 닫는 태그`</요소>` 두 가지의 종류가 있음.✍ 속성(Attribute)
요소의 시작 태그에서 사용하는 것으로,
태그에 속성을 부여하여 태그의 성격을 좀 더 구체화하는 명령어 체계를 의미.
`<요소 속성= "속성값">` 형식 속성에 따라 변수를 갖지 않을 수도 있음.✍ 변수(Arguments)
속성과 관련된 값을 의미.(속성값이라고도 함.)📖HTML 구조
태그
HTML은 기본적으로 <head>, <body>로 구성된다.
<HEAD>은 문서의 메타데이터를 선언하는 것.
<body>는 문저의 본문 내용을 담는 곳으로, 화면상에 보여지는 부분.
<!DOCTYPE html>
<html>
<head>
<title>페이지 타이틀</title>
</head>
<body>
본문
</body>
</html>이러한 HTML 구조를 트리구조라고 하는데, 부모 자식간의 관계를 나타낸다. 부모요소가 자식요소를 감싸고 있는 형태.
📖자주 사용하는 HTML 요소
<div> : division -> 한 줄 전부 차지
<span> : span -> 컨텐츠 크기만큼 차지
<img> : image -> <img src=""> 이미지 삽입
<a> : Link -> <a href="">누르면 이동해요</a> 링크 삽입
<ul>,<ol>,<li> : Unordered list & ordered list & list item
-> <ul>은 비정렬 목록. 순서가 필요하지 않을때.
<ol>은 정렬 목록. 순서가 필요할때 (넘버링)
li는 반드시 ul 또는 ol의 자식요소로 감싸져야 함.
<div> : Division
<input>, <textarea>
: Input(Text,Radio,Checkbox)& Multi-line Text Input
-> 다양한 입력 폼. input은 닫는태그 X, textarea는 줄바꿈이 가능하다.
*** <input type="속성값">**
<button> : Button
<p> : paragraph(문단) -> 하나의 문단을 표현📝 참고자료 : Input Types
Front-End Developer