Class/Frontend

[프론트엔드 day01]

열정코딩 2022. 4. 10.

< html>

html 파일의 확장자명

-파일명.html

페이지 실행키

-Alt + l + o

div

-하나의 구조를 나타내는 것

br

-줄바꿈

&nbsp

-스페이스바 역할
자바 스크립트 할때 value 값을 가지고 올수 있다.

required

-넘어가기전 필수 입력 값 알려주는 것

div

-빈 박스, 하나의 구역

p

-한 줄 단위 , 위 아래 공간이 생긴다

span

-단어 단위, 특정 구간을 분간

b , strong

-강조, 굵은 폰트

h1 - 6

-제목태그, 폰트 크기, 굵기, 위 아래 공간이 숫자가 내려 갈수록 커진다

em,i

-폰트 기울기

mark

-형광색 으로 칠해짐

del

-가운데 밑줄

ins

-밑줄

sup, sub

-위 첨자 , 아래 첨자

br

-줄바꿈 , 개행

$lt , &gt

-< , >

주석

- <!- - - ->

input

-type
1. text
2. password
3. button
4. checkbox
5. radio

-속성 ( ooo="", attribute, attr )
1. placeholder
2. required
3. readonly
4. value
5. name

select

-하위의.. 옵션명을 활용하여 목록 생성
-하위 옵션을 선택하면 그것이 select value가 된다.

label

-묶어주는 단위

botton

-버튼 모양

a

-링크 , 페이지 이동

img

-이미지 태그

Alt

-해당 페이지의 설명
-이미지가 뜨지 않았을떄 대체 되는것
-쓰지 않는다면 스크린 리더를 고려하지 않는것.

table, from ... 다양한 태그

'Class > Frontend' 카테고리의 다른 글

[프론트 엔드 DAY03- 2]  (0) 2022.04.25
[프론트 엔드 DAY03-1 ]  (0) 2022.04.19
[프론트 엔드 DAY03]  (0) 2022.04.17
[프론트엔드 day02]  (0) 2022.04.16
[프론트엔드 day01-1 ]  (0) 2022.04.16

댓글