tag
시작부분<> 닫는부분</>
<strong> 진하게 강조
<u> 밑줄
<h1~h6> 제목을 나타냄 + 줄바꿈
<br> 간단한 줄바꿈
열리는 태그만 존재
<p> 단락 줄바꿈 (paragraph의 약자)
<img> 이미지 추가
속성 , 파일위치, 크기
<img src="", width="">
<img src="1.jpg", width="450">
<li> 목록 list
<ul> 리스트의 부모태그, 연관된 항목 구분
<ol> 자동 넘버링
tip) ctrl누르고 동시 입력하고싶은 라인 여러개 누르면 같이 입력가능
tap 누르면 자식태그를 보기좋게 들여쓸수있다html의 기본구조
<!doctype html> 문서에 html이 담겨있음
<html>
<head>
<title> 웹페이지의 제목 설정
검색엔진과 같은 기계들에게 책표지와 같은 정보
<meta charset="utf-8"> 본문이 utf-8로 저장되어있다 설명해줌
character 문자 set 규칙
</head>
<body> 본문에 해당
</body>
</html>
*<head> <body> html의 모든 태그는 둘 중 하나에 놓이게 되는 고위층 태그
*<html> 두개의 태그를 감싸는 최고위층 태그
<a> 태그에 href 속성을 추가해 링크 첨부
* hypertext(링크)의 첫글자 h + reference(참조)의 ref
* ex) <a href="웹주소">
새 탭에서 열리게 할때 target 속성 추가
<a href="웹주소" target="_blank">
링크 열기전 툴팁으로 무엇인지 알려주고자 할때 title 속성 추가
<a href="웹주소" target="_blank" title="">
<iframe> 동영상 삽입
discus 이용해 댓글기능 삽입
tawk 이용해 실시간 채팅기능 삽입
google analytics 웹페이지 방문자 분석기능 <head>태그안에 위치
:)