HTML이란?

HTML(HyperText Markup Language)은 JavaScript와 같은 프로그래밍 언어가 아니라 웹 페이지의 뼈대를 구성하는 마크업 언어이다.
Tag:부등호(<>)로 묶인 HTML의 기본 구성 요소이다.
HTML은 트리구조로 이루어져 있다.

태그 내부에 내용이 없다면 (<tag></tag>와 같이 표현되는 경우) <tag/>와 같이 표현 가능

div 태그는 한 줄을 차지한다.
span 태그는 컨텐츠 크기만큼 공간을 차지한다.
이미지 삽입: <img src='링크'>
링크삽입 :<a href='링크'> 코멘트 (target ="_blank링크를 누르면 새창을 뜨게한다.)</a>
<ul>, <ol>, <li> 란?
<ul> <li>는 순서가 없는 목록이고 <ol> 순서가 있는 목록이 나타난다.

input

시맨틱 요소란?

의미를 가진 요소를 사용하는 방식을 추구하기 시작하였다. 검색 엔진이 시맨틱 요소를 더 좋아하고 시맨틱 요소에 담긴 의미에 따라 검색 결과가 상위 노출이 결정될 수 있다. 또 여러개발자들과 함께 작업할때 div 요소를 탐색하는 것보다 의미 있는 코드 블록을 찾는 것이 훨씬 더 편리하고 데이터 유형도 예측이 쉽다.

시맨틱 요소의 종류

<article> : 독립적이고 자체 포함된 콘텐츠를 지정합니다.
<aside> : 본문의 주요 부분을 표시하고 남은 부분을 설명하는 요소입니다. 
특별한 일이 아니면 사이드바나 광고창 등 중요하지 않은 부분에 사용됩니다.
<footer> : 일반적으로 페이지나 해당 파트의 가장 아랫부분에 위치하며, 
사이트의 라이선스, 주소, 연락처 등을 넣을 때 사용합니다.
<header> : 일반적으로 페이지나 해당 섹션의 가장 윗부분에 위치하며, 
제목이 보통 들어갑니다. 선택적으로 상단바나 검색창 등이 안에 들어갈 수 있습니다.
<nav> : 내비게이션(navigation)의 약자로, 일반적으로 상단바 등 사이트를 안내하는 
요소에 사용됩니다. 보통은 안에 <ul>을 넣어 목록 형태로 사용합니다.
<main> : 문서의 주된 콘텐츠를 표시합니다.

id와 class
id 고유한 이름을 붙일 때(중복안됨)
class 반복되는 영역을 유형별로 분류할 때(반복되는 항목에 지정하여 동일한 유형임을 확인)

오늘 하루 느낀점

느낀점Keep

그래도 오늘은 크게 어려운 것은 없었다. 어떤 기능이 있는지 외우는 것이기 때문에 실습하면서 좀 더 암기를 해야겠단 생각이 들었다. 요즘 자꾸 미루고 스스로 게으르다고 생각한다. 너무 어려우면 그렇게 되는 것 같다. 그래도 포기하지 말고 꾸준히 앞으로 가자고 되뇌인다... 홧팅!

a: 링크삽입 태그 target="_blank" 속성사용하면 새창으로 열어줌