zoukankan      html  css  js  c++  java
  • 了解html标签

    <title></title>

    1、网页标题

    2、当我们收藏网页时,默认标题就是网页标题

    3、seo(搜索引擎优化)

    <h1></h1>~<h6></h6>

    定义html标题

    注意:千万不要只是为了给文字加粗或者变大就使用标题标签,因为html标签是具有“语义化”的

    <br>

    换行标签

    类似br这种只有开始标签没有结束标签的,我们可以叫做单标签或空标签

    br跟p标签的区别:

    1、表面上可以直观看到,p跟br的行距不一样

    2、语义不一样,br仅仅只是换行,p表示段落

    <hr> //水平线

    html属性

    属性是直接影响到标签的表现形式的

    body的常见属性:

    bgcolor:background color背景色

    background:背景

     

    p的可选属性:

    align:对齐方式

    属性值:left、center、right、justify

     

    hr的可选属性:

    width:宽度

    height:高度

    align:对齐方式

    html全局属性:

    所有html标签共有的属性

    contenteditable:内容可否编辑

    可选值:true 可编辑

                  false 不可编辑

     

    data-*:自定义属性

    * 通配符(可以匹配所有字符)

     

    dir:文本方向

    可选值:ltr:left to right 从左至右

                  rtl:right to left 从右至左

     

    draggable:设置元素是否可以被拖动

    可选值:true 可拖动

                  false 不可拖动

     

    hidden 控制元素隐藏

    像这类只有属性名没有属性值的称为简写属性

     

    id:一个html文档中,一个id名只允许使用一次(id具有唯一性)

    id属性一般是给javascript使用的,用来操作dom

     

    spellcheck:自动检查单词是否拼写正确

    spellcheck属性仅textarea、input(非密码)元素或者标记为contenteditable的元素并且支持html5的浏览器有效

    属性值:true 该字段应用拼写检查

                  false 不应用拼写检查

    title:当鼠标悬停到元素上时会显示title的内容

     

    注意:标签跟元素的关系?

    打个比方,这两者的关系就类似于“水”和“农夫山泉”的关系,一个只是名字,而另一个是实体

    html中的斜体标签:

    <address></address> //语义:地址 具有非常强的语义
    <i></i> //没有任何语义 仅仅表示字体斜体
    <em></em> //语义:轻微强调
    <var></var> //variable变量
    <b></b> //字体加粗 没有任何语义
    <strong></strong> //强烈强调
    <big></big> //大字体
    <small></small> //小字体

    两者都没有语义

    <del></del> //delete删除线
    <s></s> //删除线 无语义
    <sup></sup> //上标
    <sub></sub> //下标
    <u></u> //下划线
  • 相关阅读:
    Django REST framework (DRF)框架入门之权限【五】
    Django REST framework (DRF)框架入门之视图【四】
    Django REST framework (DRF)框架入门之序列化---反序列化【二】
    Django REST framework (DRF)框架入门之视图【三】
    Django REST framework (DRF)框架入门之序列化【一】
    Vue实现登录
    Vue--基础2
    Flask--数据库
    Django中orm相关操作
    django的生命周期
  • 原文地址:https://www.cnblogs.com/crazier/p/11553217.html
Copyright © 2011-2022 走看看