html
前端三大层 结构层
掌握:结构标签,基础标签(重要)
1.html定义:
HTML:超文本标记语言(Hyper Text Markup Language)
HTML不是一种编程语言,而是一种标记语言,
描述网页的语言
HTML使用标签描述网页中图片、文本、音乐、视频、超链接等
html4+css2
2.结构标签:
html,head,title,body,meta
内容标签:h1-h6
3.内容标签:
内容标签都要写在body
h1-h6,p,br,hr,em,strong
行内标签:不会独占一行,无法设置宽和高 em,strong
块级标签:独占一行,可以设置宽和高, h1-h6,p
行内块级标签:不会独占一行,但可以设置宽和高
补充:标签名+tab键 复制一行ctrl+d
标签与属性
标签与标签是可以相互嵌套的
小结:
1.结构标签,html,head,body,title
2.内容标签,h1-h6,p,em,strong,hr,br,div
3.行内标签和块级标签的区别
4.标签与标签是可以相互嵌套的
div:普通的标签
img:
属性:
src用于存放图片地址,
width 宽度
height 高度,
title 提示信息
图片路径:可以是网址,可以是本地的
总结:
1.结构标签,html,head,body,title
2.内容标签,h1-h6,p,em,strong,hr,br,div,img,span,i,a
3.特殊符号
span,i:存放小而短的文字或图标,行内标签
a:1.跳转 2.进入页面中的某一部分(锚链接)
特殊符号:
空格
大于号(>)
>
如果时间>晚上6点,就坐车回家
小于号(<)
<
如果时间<早上7点,就走路去上学
引号(")
"
W3C规范中,HTML的属性值必须用成对的"引起来
版权符号
©
© 2003-2013阿里巴巴
作业:
1.手写三遍
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>