아옳옳의 코딩공부/아옳이의 html5 + css3 공부

21-04-29 웹 html5 태그 정리

아옳옳 2021. 5. 10. 21:06
728x90
반응형

공부를 하다니까 너무 순서가 없이 공부가 되는 기분이라 몇일째 어떻게 할까 생각해 봤는데 태그별로 정리하는게 좋을거 같다. 

기본 html 작성 

<!DOCTYPE html>

<html lang="ko">

<head>

    <title>page3</title>

</head>

<body>

<h1></h1>

<h2></h2>

</body>

</html>

meta 웹 페이지 추가정보를 전달합니다.
title 웹 페이지의 제목
script 웹 페이지에 스크립트 추가
style 웹 페이지에 스타일시트 추가
link 웹 페이지에 다른 파일을 추가
base 웹 페이지의 기본 경로를 지정

글자태그 

제목

h1 ~ h6 첫번째로 큰 제목글자에서 6번까지

본문 

p 본문 글자 태크 
br 줄 바꿈 
hr 수평 줄 태그 

앵커 태그(링크걸때 사용) 

a 앵커 (하이퍼링크 걸때 사용 )  @ <a href="#" > 샵은 빈 링크이다 링크 있으면 저 자리에 주소적어줌  

글자 형태

b 굵은 글자 형태
i 기울어진 형태
ins 아래줄 그어진 형태
del  가운데 줄 그어진 형태

 

 

목록태그

기본목록

ul 순서가 없는 목록 ( 그냥 앞에 점 찍힘) 
ol 순서가 있는 목록 (앞에 숫자 영어 등등 찍힘) 
li 목록의 요소 

정의목록

dl 정의 목록태그 
dt 정의 용어태그
dd 정의 설명태그

이미지태그

src 이미지의 경로 <img src="경로"
alt 이미지 없을때 나올 텍스트
width 너비지정
height 높이지정

입력양식태그(input) 어려우니 책보고 다시 확인 

action 입력 데이터의 전달위치 지정
method 입력 데이터의 전달 방식을 선택합니다. 
기본 input 속성  
button 버튼생성
checkbox 체크박스 생성
file 파일 입력 양식 생성
hidden 보이지 않게함
image 이미지형태 생성
password 비밀번호 입력 양식 생성
radio 라디오버튼 생성 
reset 초기화버튼 생성 
text 글자입력 양식생성
submit 제출 버튼생성 

공갈분활태그

div block형식으로 공간 분활 
span inline 형슥으로 공간 분활

 

 

오디오 태그 ,루비문자 ,테이블태그 ,비디오태그, 입력양식태그 일부 등 잘 사용안하거나 중요도가 낮은 것들은 정리 안함 나중에 책이나 인터넷에 찾아서 사용하면 될거 같다~ 

728x90
반응형