본문 바로가기
java,css,html

Html 기본 문법(2)

by 데이터 퍼즐 2021. 3. 5.
반응형

1. HTML 문서구조

<!DOCTYPE html> : 문서 최 상위에 들어가 어떤 문서인지를 말해줌

<html lang="ko"> : 언어가 한글임을 의미

<head><body></body><head> : 내용은 바디 안에 들어가 구성됨

<meta charset="utf-8">:<head>부분에 문서의 캐릭터 속성을 지정, 내용이없는 빈 태그(종료x)

<title>: 브라우저 탭바에 제목 노출

 

 

2. 예제를 활용하여 출력하기

 

 

<문제>

1. 입력버튼 출력시 input type, placeholder로 출력함

 

<응용>

전화번호의 input 버튼 줄이기 : input type의 style을 조정(width, height 포인트 조정>

     = size로도 크기 조정 가능 (사이즈 전체 입력을 하지 않고도, "size"로 내용을 심플하게 바꿀 수 있었음.)

 

<재적용>

<li>= <p>=<br>의 개념이나, <li> 적용 시 ul과 함께 써줘야 함

반응형

댓글