HTML (드림코딩)

김지원·2020년 9월 1일
0

html-css

목록 보기
1/10
post-thumbnail

html: hypertext markup language

markup 언어: 일반적인 text와 구분하기위해 문서에 annotaing 되어있는것

html 구조:

<!DOCTYPE html>
<html>
	<head>
    	<meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title> </title>
    </head>
    <body>
    사용자에게 보여짐 
    </body>
</html>

mdn 페이지

box 모델로 생각하여 개발하기

header
nav seciton
aside main => (main) article
footer article

BOX
header, footer, nav, aside, main, section, article, div, span, form

ITME
a, button, input, label, img, video, audio, map, canvas, table

<p> My cat is very grumpy </p>
전체: element
내용: content

span은 inline div는 block

list: ol ul li

<ol type="i">
하면 i ii iii 이런 식으로 바뀜

Name:
<input id=input_name" type="text>



0개의 댓글