HTML笔记

1.html标准结构

<!Doctype html> 声明文档类型
<html> 根标签
<head> 头标签
<title></title> 标题标签
</head>
<body> 主体标签
</body>
</html>

2.html标签分类

单标签:<!Doctype html>

双标签: <html></html> <head></head> <title></title>

 

3.标签关系

包含(以及嵌套):<head><title></title></head> 父子

并列: <head></head><body></body> 兄弟姐妹

 

4.单标签

  • 注释标签——<!--注释--> ctrl+/
  • 换行标签——<br/>
  • 水平线标签——<hr/>

5.双标签

  • p标签

    特点:上下自动生成空白行。<br>换行不会生成空白行。

  • 标题标签

h1-h6  取值到h6
h1 在一个页面里只能出现一次。

  • 文本标签

<font>文本内容</font>

文本格式化标签
 文本加粗标签   <strong></strong>   <b></b>  工作里尽量使用strong

  • 文本倾斜标签

<em></em>     <i></i>     工作里尽量使用em

  • 删除线标签

<del></del>     <s></s>   工作里尽量使用del

  • 下划线标签

<ins></ins>   <u></u>    工作里尽量ins

注意:之所以工作里使用<strong></strong>  <em></em> <del></del>
<ins></ins>  是因为更有语义化。
 

  • 图片标签

Src    图片的来源   必写属性
Alt    替换文本    图片不显示的时候显示的文字
Title   提示文本    鼠标放到图片上显示的文字
Width  图片宽度
Height  图片高度
注意:图片没有定义宽高的时候,图片按照百分之百比例显示,如果只更改图片的宽度或者高度,图片等比例缩放。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值