Web前端学习 00

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点,就坐车回家

小于号(<)

&lt;

如果时间&lt;早上7点,就走路去上学

引号(")

&quot;

W3C规范中,HTML的属性值必须用成对的&quot;引起来

版权符号

&copy;

&copy; 2003-2013阿里巴巴

作业:

1.手写三遍

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值