tag 종류 설명
1. <div>
하나의 행을 이루는 블럭// 색 입힐 시 전체 채색됨.
2. <span>
하나의 단어 같은 느낌?// 색 입힐시 이 부분만 채색됨.
3.<table>
<tr>은 행이고
<td>는 열임
부모 자식 관계 주의 !!
4. <a href=" ">형태로 사용 다른 외부 사이트로 이동 가능! 물론 본인이 만든 html 파일로도 이동 가능하다.
여기서 href 는 hyper reference 의 약자이다.
5. <img src=""> 이미지 사용 상대경로 이용할것!!
상대경로
../ 부모노드
나머지는 모두 그냥 이름 붙여도 된다.
alt=""이런식으로 사용하여서 이미지 안나왔을때 사용도 가능하다!
6. <intput>
<input type="text"> 말그대로 텍스트 박스가 나옴
<input type="password"> 패스워드 박스가 나온다
<input type="radio">선택 팻말 나옴
<input type="checkbox"> 체크하는 박스가 나옴
<input type="button" value="이름"> 버튼이 나옴(이름 첨가 가능)
*radio 는 name 을 사용해주어서 중복체크가 안되게끔 사용할 수 있다.
<select>
<option> 선택하게끔 할 수있다.
seo= search engine optimization(검색 엔진 최적화)
로봇이라는 프로그램 존재
로봇이 모든 ip로 들어가서 웹 열람
페이지 분석후 평가
점수가 일정량 되야지 검색 가능
그래서 뭐?==> 개발자가 해야하는 것은 로봇에게 높은 점수를 받을 수 있게 개발하는 것
그러면 어떻게 해야하는데?==> div span 등을 도배하지 말고 경우에 맞게 다채롭게 사용
<div> <p> <h1> 등등..
semantic tag라고 불린다
==> 목적을 가진 태그들...
<header>
<nav>
<aside>
<main>
<article>
<footer>
등등..
핵심은 : 모두 같지만 로봇에게 구역을 알려주는 역할을 한다!