美文网首页
html 基础标签即用法

html 基础标签即用法

作者: Miltonlong | 来源:发表于2017-12-11 18:30 被阅读17次
    • h 标签

    h1 到 h6 的标题标签,h7 不会有效果,是自定义标签。
    一般页面 只有一个 h1 标签 ,其他的可以有多个。
    h 标签 是自动换行的

    • 加粗标签 b 标签和 strong 标签

    两者在视觉效果上是一样的,但是 strong 标签是有利于搜索引擎搜索的。
    而 b 标签只是一个加粗效果。

    • 斜体标签 em 标签和 i 标签

    两者在视觉效果上是一样的,em 标签和 strong 标签一样,也是有利与搜索引擎搜索。
    i 只是斜体标签。

    • 换行标签 <br/> 和 <hr/>标签

    <br/> 只是换行,<hr/>在换行下面有一条横线

    • 特殊符号
    符号 html
    > 和 < &gt;&lt;(所有符号都要加 ;
    space &nbsp;(用于多个空格,由于 html 一般只会识别一个空格。)
    空白位 &emsp (比space宽的空白符)
    & &amp;
    版权符 © &copy;
    • a 标签(超链接标签)
    <a href="#">#</a> 刷新当前页面
    
    <a href="javascript: void(0);">死链接</a> 死链接,不会跳转
    
    <a href="#name">锚点</a>
    
    <a href="http://baidu.com">跳转到百度</a> 跳转到百度  需要注意的是 http 不能少
    
    • img 标签(图片标签)

    在 src 中添加图片地址
    添加相对路径时 src = "img.jpg",这是同级目录
    alt 中是描述图片的,用于搜索引擎搜索

    • 列表标签 ul ol dl

    ul 是无序列表标签
    ul 的默认样式是小黑点,可用通过 type 属性来修改样式
    ol 是有序列表标签
    ul 的默认样式是阿拉伯数字,也可以通过 type 属性来修改样式
    ul 可以通过修改 start 属性来设置起始值,通过 reversed 属性来设置是否倒序
    ul 和 ol 都是用 li 标签来书写列表内容
    dl 是自定义列表标签
    dl 是通过 dt dd 标签来书写内容的 dt 通常用来写列表名称

    • div 和 span 标签

    div 是 块级标签,span 是行内标签

    • style 修饰

    css 样式是写在 style 标签里面的,style 标签是写在 head 标签里面的
    给 class 名字做修饰,是用 '.' 来做操作的
    即 .classname{}
    块级元素div display:block;
    可以包含任何块和行内元素
    独占一行,支持设置宽高
    如果没有设置宽高,高度由内容撑开,宽度默认浏览器宽度
    没有内容,在网页上肉眼看不到东西,但是审查元素,宽度是浏览器宽度,高度0
    注意:如果把 display 设置成 inline ,那么设置长宽是没有意义的。
    行内(内联)元素 span display:inline;
    可以和其他行内元素位于同一行
    不支持设置宽高
    内容撑开宽高
    行内块元素 display:inline-black;
    块级元素可以横排展示
    行内元素可以设置宽高
    display:none
    隐藏元素,包括他的子标签,在页面中不占位置,等同于消失了

    相关文章

      网友评论

          本文标题:html 基础标签即用法

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