html小结(一)

HTML是一种标记语言,标记语言采用标签(Tag)来描述一个网页,而一个标签是由标签名,属性名,属性值和内容组成

文档流:标签元素的排序方式,标签元素遵循"从左到右,从上到下"

标签嵌套的基本顺序应该是“块级标签>行内块标签>行内标签”

外部文件导入标签:link

  • rel:定义引入文件的类型
  • href:指定引入文件所在的路径

链接默认地址标签:base

  • href:规定页面中所有相对链接的基准URL
  • target:规定页面中所有超链接的默认打开方式

文本标签:span,p(span是纯文本标签,是行内元素,p是段落标签,是行内块元素)

图片标签:<img src="图片的相对地址" alt="图片没有加载出来显示的文本" title="将鼠标放在图片上显示的文本">

超链接标签:<a href="URL地址"></a>

列表标签:

  • ul无序列表

  • ol有序列表

  • dl定义列表

表格标签:table

表格中<tr>表示行,<td>表示单元格

多媒体标签

<audio src="音频文件路径" controls></audio>

<video src="视频文件路径" controls></video>

全局标签属性

元素额外信息:title

<div title="test">test</div>

语言设置lang:   

<html lang="zh">

<html lang="en">

改变文本的方向:dir

ltr(默认)文本从左往右显示, rtl文本从右往左显示。

隐藏元素:hidden

 hidden="hidden"

元素是否可编辑contenteditable:content + edit + able

true表示元素内可以进行编辑,false表示元素内不能进行编辑

利用超链接来跳转本页锚点

将<a>标签的“href”属性设置为“#”+“指定元素的ID值”后,该超链接不再是进行页面间的跳转或是文件的打开了,而是将页面滚动到本页面中ID属性值和“href”属性值“#”后的值所对应的值的地方,页面滚动的目标元素的上边缘将和浏览器内容窗口上边缘重合

利用超链接下载指定文件:download

超链接回到顶部按钮

<a href="#top">回到顶部</a>

猜你喜欢

转载自blog.csdn.net/weixin_41350225/article/details/84310393