반응형
공부를 하다니까 너무 순서가 없이 공부가 되는 기분이라 몇일째 어떻게 할까 생각해 봤는데 태그별로 정리하는게 좋을거 같다.
기본 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 형슥으로 공간 분활 |
오디오 태그 ,루비문자 ,테이블태그 ,비디오태그, 입력양식태그 일부 등 잘 사용안하거나 중요도가 낮은 것들은 정리 안함 나중에 책이나 인터넷에 찾아서 사용하면 될거 같다~
반응형
'아옳옳의 코딩공부 > 아옳이의 html5 + css3 공부' 카테고리의 다른 글
| 21-04-29 웹 css 선택자 정리 (0) | 2021.05.11 |
|---|---|
| 21-04-29 웹 html5 + css3 (4) (0) | 2021.05.03 |
| 21-04-29 웹 html5 + css3 (3) (0) | 2021.04.30 |
| 21-04-29 웹 html5 + css3 (3) (0) | 2021.04.29 |
| 21-04-28 웹 html5 + css3 (2) (0) | 2021.04.28 |
