• HTML标签

      1. HTML标记标签通常被称为HTML标签(HTML tag)。<br /> 标签格式:HTML标签是由尖括号包围的关键词,例如 <html>。<br /> 标签分类:HTML标签分为单标签、双标签。<br />双标签的构成:<开始标签(开放标签) 属性="属性值"> 内容 </结束标签(闭合标签)><br />单标签的构成:<结束标签(闭合标签) 属性="属性值"/>
    • HTML元素:

    每个标签都是一种元素,每个标签都是一种元素,不同的元素在页面中的默认属性不同。
    元素分类:汉元素,块元素,行内块元素。
    空元素:某些元素中具有空元素(empty content),空元素是在开始标签中进行关闭的。


    #常用标签

    • 标题标签

    ~

    块 来定义标题(heading)。
    默认样式:h1里的内容最大,h6里的内容最小,并带有margin。

    • 分隔线标签


    块 水平分割线。
    默认样式:宽度为父元素100%,高度为0,1px的border(上边加下边共2px高),8px的上下margin。

    • 段落标签

    块 唯一的 块 文本元素
    默认样式:文本大小16px,margin的值等于字体的大小。

    • 标准块元素


    默认样式:宽度为父元素100%,高度靠内容撑出。

    • 标准文本标签

    行内
    默认样式:默认字体大小16px。靠内容撑出宽高。


    #文本格式化标签
    加粗文本 无意义
    粗体文本 强调强调意义,用于表示文本的重要性。
    斜体文本 无意义
    斜体文本 强调强调意义,用于表示文本的重要性。
    删除线文本 无意义
    删除线文本 强调删除意义,用于表示被遗弃的内容。
    插入文本 添加下划线
    插入文本 强调添加意义,用于表示新增的内容。
    上标
    下标
    小号文本,默认字体大小13.3333
    *All inline elements**


    #计算机输出标签
    行内 短语标签 小字体 用来定义计算机代码片段。
    行内 键盘码 定义键盘码
    行内 计算机代码演示 计算机代码样式
    行内 变量 定义变量

      块  格式文本    定义预格式文本


    • 图片插入标签

    HTML标签 - 图1 , HTML标签 - 图2 行内 在页面中插入图片

      - src属性:图片的路径。src=" **./** xxx" 同级文件夹  src="**../**xxx"父级目录   src="**../../**xxx"爷爷级目录 
      - alt属性: 图片输出格式(图片加载失败时显示)。
      - title属性:图片标题。鼠标移入图片内显示标题内容。
    
    • 超链接标签

    点击标签内容,跳转到设定的位置。未添加herf属性时是普通文本标签,称为“链接占位符”。

      - herf(Hypertext Reference)属性:设置链接地址 或 "#"占位符。
      - target属性:设置网页的打开方式,默认为本页跳转。target="_blank"新建窗口打开。
    

    *小知识:
    国内网站通常设置新窗口打开。
    美国网站通常设置本页跳转。
    原因:
    1.用户习惯。
    2.商业考虑
    3.硬件问题和环境不同。
    4.web技术开发早晚不同。
    5.服务器额压力考虑。


    #html语义化标签
    根据内容的结构(内容语义化),选择合适的标签(代码语义化)。
    作用:便于开发者阅读和写出更优雅的代码。
    优点:

    1. 在没有css的情况下,页面也能呈现出好的结构,代码结构;
    2. 代码结构清晰,方便阅读,方便团队合作开发,方便浏览器的爬虫和机器很好的解析;
    3. 方便搜索引擎识别页面结构,有利于SEO(搜索引擎优化);
    4. 方便其他设备解析(例:屏幕浏览器,盲人阅读器,移动设备)以语义化的方式渲染网页。
    • 标记导航

    标记导航,仅对页面中重要的链接群使用。
    页眉,通常包括页面logo,主导航,全站链接及搜索框。
    页面的主要内容,只能使用一次。如果WEB应用,则包围其主要功能。
    区段,定义文档中的节。比如:章节,页眉,页脚或文档中其他部分。
    页脚,只有当父元素为body时才是整个页面的页脚。
    定义一篇独立的文章,与页面其它部分无关。
    定义侧边栏,通常时网页的说明、提示、引用、附加注释、相关链接、广告等内容


    #列表&表单&表格

    • 列表:

    定义无序列表
  • : 定义列表的项
    默认样式:top-margin=font-size; bottom-margin=font-size; left-padding: 40px;
    序号为圆点,可以通过css样式改变。

    定义有序列表
  • : 定义列表的项
    默认样式:top-margin=font-size; bottom-margin=font-size; left-padding: 40px;
    type属性 : 列表序号的类型。
    1 2 3…:阿拉伯数字
    a b c… : 小写英文字母
    A B C… : 大写英文字母
    i ii iii… : 小写罗马数字
    I II III… : 大写罗马数字

    定义自定义列表
    : 定义列表的项
    : 定义列表的描述 (默认有40px的left-margin)

    • 表格:

    定义表格
    定义表格的标题 默认格式:文本加粗且居中。
    定义表格的表头
    定义表格的主体部分
    表格的行
    表格表头的单元格
    <t**d> 定义表格的标准单元格
    底部

    • 表单:

    用于创建表单
    action属性:当提交form表单时将表单的内容发往何处。
    定义输入框,按钮等。
    type属性:定义input的类型,属性值不同对应的input功能和样式都会改变。
    给input添加标注,和input进行绑定。
    将表单内容进行分组,会产生一个边框 默认样式:2px边框,内边距(10px,12px),左右外边距2px。
    legend元素是fieldset元素定义的标题(默认在分组框的上边框内,可以左右移动其位置)。
    定义单选或多选菜单
    定义选项组
    lable属性:添加选项组的描述。
    定义列表中的一个选项内容