美文网首页
html常用标签

html常用标签

作者: 可樂Cola | 来源:发表于2018-12-27 17:16 被阅读0次
HTML全称超文本标记语言(HyperText Markup Language)
<!DOCTYPE>声明文档类型,告诉浏览器要用h5标准来解析(重点)
网页由三部分组成:结构层(html)、表现层(css)、行为层(JavaScript)
h5支持自定义标签

herf 和src的区别

herf 超文本引用
        当前元素与外部资源建立一种联系
src  资源引入
        当前元素正确显示必须的资源

语义化

语义化标签:
一个语义化标签能够描述其代表的意义,比如:h1代表一级标签
什么是语义化:
就是能够根据内容,选择相应的语义化标签进行代码书写。比如一段话,用p标签
语义化的优点:
1.在没有css的情况下,也能够很好的展示我们的内容结构
2.提高用户体验,比如lable标签和title属性的使用
3.有利于SEO,和浏览器建立良好的沟通,有利于爬虫获取更多的信息,可以根据使用的标签来确定各个关键词的权重
4.有利于其他设备的解析,比如盲人阅读器,可以根据语义化标签进行有感情的朗读
5.有利于团队开发和维护,语义化更具有可读性

标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
字体默认加粗
快捷写法:h${内容}*6 ,按tab键
一个页面尽可能只有一个h1标签

div标签

<div>内容</div>

span标签

 <span>这是个span标签</span>

p标签

<p>这是p标签</p>

link标签

网页标题图标
<link rel="icon" href="img/favicon.ico">
引入css样式
<link rel="stylesheet" href="index.css">

img标签

<img src="../img/footer.png" alt="图片">
alt属性当图片加载失败时,用来提示用户
相对路径:相对于文件的位置来查找目标文件
绝对路径:从文件根目录开始查找
./表示当前目录
../表示返回上一级目录

i标签

<i>斜体</i>
显示为斜体,一般用于显示图标的容器

b标签

<b>加粗标签</b>

strong标签

<strong>加粗标签,强调语气作用</strong>

em标签

<em>斜体,加强语气作用</em>

del标签

<del>删除文本</del>

sup标签

上标
x<sup>2</sup>

sub标签

下标
h<sub>2</sub>

ruby标签&rt标签

<ruby>陈<rt>chen</rt></ruby>

abbr

<abbr title="League of Legends">LOL</abbr>
abbr缩略词

mark

<mark>文本标记</mark>

bdo

定义文字的方向
<bdo dir="rtl">从右向左</bdo>
rtl:从右向左
ltr:默认,从左向右

相关文章

  • html入门级常用标签

    html入门级常用标签 html的格式规范 html中常用的标签 html中常用标签有a、form、input、b...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • HTML常用标签

    HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...

  • CSS课程1

    HTML常见标签 HTML常用标签的重要属性

  • HTML常用标签总结

    HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...

  • HTML常用标签总结

    HTML常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:HyperT...

  • 2019-08-09

    html常用标签及标签特点

  • CSS 和HTML注意事项

    目录 HTML常用标签 CSS使用规范 HTML常用标签 /可以单独或者配合ul ol标签使用/ CSS使用规范...

  • HTML标签

    HTML标签一览 这个部分就介绍一些常用标签。 那么Html标签一览就到这里... Html常用的标签就这些了,这...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

网友评论

      本文标题:html常用标签

      本文链接:https://www.haomeiwen.com/subject/nyuklqtx.html