第七天学习：标签的复习

关键字：标签总结

晨跑计划：

  •  

学习任务：

  • HTML标签（按功能类别排列）
    • 基础类
    • 格式类
    • 列表类
    • 表格类
    • 图像类

学习记录：

  • html按功能类别排列
      • 基础类标签
        • <!DOCTYPE>：定义文档类型
          • <!DOCTYPE html>
          • 必须在html文档的第一行，位于<html>标签之前
        • <html>：定义html文档
          • 文档的根元素
        • <head>：所有头元素的容器，紧跟在<html>标签之后
          • 每个head元素应当包含一个title元素以指示文档的标题
          • <script>，用于在文档中包含脚本
          • <meta>，用于包含与文档相关的信息
        • <title>：定义文档标题
          • <title>标签是<head>标签中唯一要求包含的东西
          • 位于浏览器窗口的顶部
          • 作为浏览器中书签的默认名称
          • 通过使用其内容的搜索引擎以帮助索引页面
        • <body>：定义文档的主体
          • body元素包含文档的所有内容
        • <h1>to<h6>：定义html标题
          • <h1>定义最大标题、<h6>定义最小标题
        • <p>：定义段落
        • <br>：定义简单的折行
          • 插入简单的换行符
          • <br>标签是空标签，意味着它没有结束标签，<br />
          • 当浏览器遇到<p>标签时，会在相邻的段落之间插入一些垂直的间距
          • 请使用<br>来输入空行，而不是分割段落
        • <hr>：定义水平线
          • 空标签，水平分割线
      • 格式类标签
        • 字体样式元素：
          • <i>：斜体、<b>：粗体、<big>：大字体、<small>：小字体、<em>：强调、<sup>：上标文本、<sub>：下标文本
        • <abbr>：定义简称或缩写，比如：www或者nato
          • 通过对缩写的标记，能过为浏览器、拼写检查和搜索引擎提供有用的信息
          • 可以在<abbr>标签中使用title属性，这样能过在鼠标移到<abbr>元素上时显示简称/缩写的完整版本
        • <address>：定义文档作者或者拥有者的联系信息
          • 如果位于<body>元素内，则它表示文档联系信息
          • 如果位于<article>元素内，则它表示文章的联系信息
          • <address>元素中的问题通常呈现为斜体
        • <blockquote>：定义块引用，中间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体
        • <q>：短的引用
        • <code>：定义计算机代码
        • <samp>：用于指示程序员、脚本等样本输出，主要用于为编程盖帘编制文档时
        • <del>元素指示删除的文本
        • <ins>指示新添加的文本
          • 新添加到文档的文本将以下划线的形式显示，以表明他是新的文本
          • ins和del中使用cite属性，以指示改动的来源或原因，cite的值必须是URL
          • 也可以使用titl属性表明改动的来源或原因，title属性中的信心将作为工具提示提供给用户
          • datetime属性的值是日期和时间仅有程序或制作工具输入，因为格式比较长，无法手动输入
      • 列表
        • <ul>：无序列表
        • <ol>：有序列表
        • <li>：列表项目
        • <dl>：定义列表
        • <dt>：定义列表中的项目
        • <dd>：定义列表中项目的描述
      • 表格
        • <table>：表格
        • <caption>：表格标题
        • <th>：表头单元格
        • <tr>：行
        • <td>：单元
        • <thead>：表头内容
        • <tbody>：主体内容
        • <tfoot>：标注内容（脚注）
        • <col>：表格中一个或多个列的属性值
        • <colgroup>：表格中供格式化的列组
        • <colspan>：跨越多列单元格
        • <rowspan>：跨越多行单元格
      • 图像
        • <img>：定义图像
        • <map>：定义图像映射
        • <area>：定义图像地图内部区域
      • 链接
        • <a>：定义锚
          • href：定义链接地址
            • 相对路径：
              • 平级 href=“直接写文件名”
              • 下一级：href=“目录名称/文件名称”
              • 上一级：href=“../文件名”../../../上一级
          • mailto：链接到e-mail地址的属性
          • 利用name和id元素创建目的地锚点（链接到页面的特定部分）
            • 注意：目的地锚点中始终具有一些内容，这一点很重要，否则浏览器可能找不到目的地
          • 源锚点中href属性的值是#后面跟id属性的值
          • 注意：在一个页面中，name和id属性值必须唯一，并且源锚点必须匹配相应的目的地锚点
        • <link>：定义文档与外部资源的关系
        • <nav>：定义导航链接
      • 框架
        • <frame>：定义框架集的窗口或框架
        • <frameset>：定义框架集
        • <nofreames>：定义针对不支持框架的用户的替代内容
        • <iframe>：定义内联框架
      • 表单
        • <from>：供用户输入的html表单
        • <input>：输入控件
        • <textarea>：多行的文本输入控件
        • <button>：定义按钮
        • <selset>：定义下拉列表
        • <optgroup>：定义列表中相关选项的组合
        • <option>：定义列表中的选项
        • <label>：定义input元素的标注
        • <fiedset>：围绕表单中元素的边框
        • <legend>：定义fieldset元素的标题
      • 音频/视频
        • <audio>：定义声音内容
        • <source>：媒介源
        • <track>：定义用在媒体播放器中的文本轨道
        • <video>：定义视频
      • 特殊字符的命名实体
        • " ：&quot
        • & ：&amp
        • < ：&lt
        • > : &gt
      • 样式/节
        • <style>：文档的样式信息
        • <div>：文档中的节
        • <span>：文档中的节

扩展阅读：

  • 标题里是什么？
    • 一个正确的标题对于定义文档并确保它能够在web上有效利用来说是十分重要的
    • 文档的标题不仅应当根据其他文档的上下文定义，而且还要显示其自身特点
    • 含有文档引用排序的标题通常不是什么好标题
    • 自我引用的标题也没有什么好处
    • 为自己的每个文档认真选择一个描述性的、实用性的并上下文独立的标题
  • 允许的段落用法：
    • 段落可以在任何有适合的文本流的地方出现，例如文档的主体中、列表的元素里等等
    • 从技术角度讲，段落不可以出现在头部、锚或者其他严格要求内容必须只能是文本的地方，实际上多数浏览器都忽略了这个限制，它们会把段落作为所含元素的内容一起格式化
  • URL的组成：模式、主机地址和文件路径
    • 常见的模式：
      • http：// 超文本传输协议，用于向web服务器请求页面，并将它们从web服务器发送回浏览器
      • https：//安全超文本传输协议，使用数字证书加密在浏览器和web服务器之间发送的数据
      • ftp：// 用于在web传输大型文件以及向web服务器上传源文件
      • file：// 用于指明文件位于本地硬盘中或者局域网上的一个共享目录中
    • 主机地址：
      • 主机地址是web站点地址，利用它可以找到web站点，主机地址的形式可以是ip地址，也可以是站点的域名
      • 注意：www.实际上不是域名的组成部分，尽管它通常用于主机地址中--它与所使用的http协议无关
    • 文件路径：
      • 使用以/开始，并且可能包含一个或多个目录名，每个目录名以/隔开，并且文件路径可以以文件名结束
      • 如果文件名路径不包含文件名，则web浏览器执行以下3中操作
        • 返回一个默认文件（index.html或default.html）
        • 提供所在目录中的文件列表
        • 显示一条消息，表明无法找到所访问的页面或者无法浏览文件夹中的文件

问题的记录与解决：

  • 表格标签中col与colgroup用法？

  • 那么www到底是什么？为什么要在输入网址的时候加入？

 

posted @ 2016-07-11 16:47  桂  Views(177)  Comments(0)    收藏  举报