HTML笔记

文本格式化标签

文本加粗标签：<strong></strong>工作中一般用这个 <b></b>
文本倾斜标签：<em></em>工作中一般用这个 <i></i>
删除线标签： <del></del>工作中一般用这个 <s></s>
下划线标签： <ins></ins>工作中一般用这个 <u></u>

img标签

title属性：鼠标滑过图片时显示的文字提示，用户体验上很重要。

超链接的优化写法

 <base target=”_blank”>  写在head里面，表示所有的超链接都在新的窗口中打开，原页面不关闭。

有序列表start属性

当调整字母的开始位置时

image.png image.png

调整数字的开始位置时

image.png image.png
总结：start属性的值都为数字

自定义列表

<dl>
<dt></dt> 小标题
<dd></dd> 解释标题
<dd></dd> 解释标题
<dd></dd> 解释标题
</dl>

image.png image.png

音频或视频的播放标签

 object、audio、embed、video  （自行百度）

发现,像object,和embed是都可以用来播放视频和音频,而且他们展示效果基本上一样的,但是他们用来播放视频,音频文件时,当页面一打开他们就好自动播放,有没有写
<param name="autoplay" value="true">这行代码都不会有影响;另外他们的样式,播放控制条是自带的,而且一直显示在播放的固定位置.
在调整容器的大小方面,object和embed是生硬的对他的width和height进行更改,而video标签会相应的进行等比缩放,你更改其中的width或者height另一个也会进行变动;
对于audio标签,只有width属性,更改height时,展示形式为调整它相对于容器的高度

文本输入框input

maxlength 限制输入字符长度
readonly=”readonly” 将输入框设置为只读状态，不能编辑
disabled=“disabled” 输入框未激活
value=” ” 将输入框的内容传给处理文件
△单选框：

image.png image.png

☆注意：只有当name的值相同时才能实现单选
△下拉列表：

image.png image.png
☆注意：multiple 可多选。 selected 默认选项
image.png image.png