html-速成(框架、标题标签、段落换行和水平线、插入图片)

1.内容以<!doctype html>

原因:由于各个浏览器的不同,可能会出现怪异模式,用<!doctype html>

可以解决这个问题。

2.HTML标签:知道该文档是HTML文档。

3.Head标签:描述HTML文档的各种属性和信息。( 绝大部分数据不会显示给读者

{

(1).title标签:定义文档的标签,有head标签就要有title标签,有且只有一个

2.Meta标签(单标签):描述网页的属性,关键词。

例:Meat charset=”utf-8”  表示当前使用的编码格式为utf-8

}

Body标签:定义文档的主题(  直接给用户看的)。如:照片、视频、超链接等

二、标题标签(位于html中的head)

1.标题标签通过<h1></h1>进行定义。

标题标签只有6个标签h1到h6,h1最大 h6最小(成递减趋势)

输入H$*6按tab或enter 可以快速生成6个标签(在vscode中

调整位置用align属性(属性:在<>里面写的为属性

<h* Align=”left|center|right”>文字内容<h*>

三、标记的段落、换行、水平线(位于html中的body)

  段落标记:<p></p>

换行标记:<br>

   

水平线(单标签):<hr>

其中的属性有:

Color:设置水平线的颜色。

Width: 设置水平线的长度,Size:设置水平线的高度。

Align:设置水平线的对齐方式(默认为剧中),可取值为left|right。

四、插入图片(位于html中的body)

Img:(单标签)<img src=”照片路径和名称” alt=“文本” width=”**px” title=”文本”>

属性

1.Src:路径

2.Alt:规定图像的替代文本(当输入了img并src没有图片时 ,Alt的内容会代替src,前面会出现图签裂开的标志)

3.width:规定图像的宽度

4.height:规定图像的高度在规定大小是一般只规定宽度,不规定高度(设置高度的拉伸可能会使照片不美观)

5.title:鼠标悬停在图片上给予的提示

 当title与alt 同时存在时,优先输出title

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值