zoukankan      html  css  js  c++  java
  • html的入门——从标签开始(1)

    概念介绍:

    标签:标签的作用就像是容器。它们告诉你其实标签和结束标签之前的内容的结构信息。

    元素:一个元素包括起始标签,结束标签以及其中的内容。

    空元素:有一小部分元素,其起始标签和结束标签之间不含有任何文字,这些元素被称为空元素。

    一个空元素通常只含有一个标签,在空元素的闭合尖括号前,经常是一个空格和一个斜线的形式,如<br />换行符、<hr />插入水平线。

    文本:

    <html></html>:

    位于起始标签<html>和结束标签</html>之间的所有内容都是HTML代码。

    <body><body>:

    起始标签<body>表示在它和结束标签</body>之间的所有内容都将会显示在浏览器主窗口中。

    结构化标记(可用来描述标题和段落的元素):

    <h1></h1>······<h6></h6>:

    HTML中的标题有六个级别:1---->6标题字体大小逐渐变小,

    <h1>用在主标题上<h2>用在子标题上<h3>~<h6>用在子标题下面的标题中。

    <p></p>:

    成段的文本出现在<p>和</p>之间。默认情况下,浏览器在显示段落时会另起一行并与后续段落保持一定距离。

    <b></b>(粗体):

    通过将文字包含在标签<b>和</b>之间,可以设置包含其中的文字为粗体。

    <i></i>(斜体):

    通过将文字包含在标签<i>和</i>之间,可以设置包含其中的字体为斜体。

    <sup><sup>(上标):

    <sup>元素用来标记作为上标的字符,例如日期后缀或者像22这样表示幂的数学概念。

    <sub></sub>(下标):
    <sub>元素用来标记作为下标的字符,它通常用在脚注或者像H2O这样的化学式中。

    空白:

    为了增强代码的可读性,设计人员经常通过补充空格的方式编写代码。

    当浏览器遇到两个或以上的连续空格时,之将其显示为一个空格。同样,当遇到一次换行时,浏览器也会将其看作一个空格,这一特新成为白色空间折叠。

    <br  />(换行标签):

    当然,html语言支持在一个文本字段内换行,如果你想在段落中的某个位置换行,可以使用换行标签<br  />。

    <hr  />(插入水平线):

    在不同主题之进行分割时,可以使用<hr  />标签来插入一条水平线。

    语义化标记(表达特定含义的标记):

    <strong></strong>(加粗):

    <strong>元素的作用时表示其中的内容十分重要,在浏览器中显示加粗。

    <em></em>(斜体):

    <em>元素起强调作用,能够细微改变语句含义,在浏览器中显示斜体。

    <blockqoute>:

    <blockqoute>元素用来标记那些会占用一整段的较长的引用,浏览器会对其中的元素进行缩进。

    但是不能使用<blockqoute>缩进一段文本,而应该用CSS来完成缩进效果。

    <q></q>:

    <q>元素用来标记位于段落中的较短的引用。浏览器会在<q>两侧添加引号,但是IE浏览器并不支持,所以我们尽可能避免<q>元素的使用。

    <abbr title=···>···</abbr>:

    如果使用缩写词或是首字母缩写词,就需要使用<abbr>标签。其起始标签的title特性用来指定相应词汇的完整形式。

    用法:<abbr title="National Aeronautics and Space Administration">NASA</abbr>

    <cite></cite>:

    引用作品时使用<cite>元素,在浏览器中被<cite>元素标记的内容显示为斜体。

    <dfn></dfn>:

    当你在文档中第一次解释一些新术语的时候,使用<dfn>元素,给新术语一个定义。

    有些浏览器使用斜体来显示<dfn>中的内容,safari和chrome则不会。

    <address>:

    <address>标签有一个特殊的用途:包含页面设计者的联系方式。

    <ins>:

    <ins>元素用来显示已经插入到文档中的内容。

    <del>:

    <del>元素用来表示已经从文档中删除的文本。

    <s>:

    <s>元素表示不准去或不相关却并不应当予以删除的内容。

    列表:

    <li></li>:

    列表中的每个项目都被至于起始标签<li>和结束标签</li>之间。

    <ol></ol>(有序列表):

    使用由<ol>元素来创建有序列表。

    <ul></ul>(无序列表):

    使用<ul>元素来创建无序列表。

    <dl></dl>(定义列表):

    使用<dl>元素来创建定义列表。

    在<dl>元素内部,经常使用<dt>和<dd>元素。

    <dt></dt>:

    <dt>元素用来包含被定义的术语。

    <dd></dd>

     <dd>元素用来包含定义。

  • 相关阅读:
    分布式事务处理总结
    职业生涯的第一个三年
    Linux 启动SVN服务
    TensorFlow入门:安装常用的依赖模块
    TensorFlow入门:mac 安装 TensorFlow
    shiro 配置导图
    spring集成JPA的三种方法配置
    tomcat server 报错之 More than the maximum allowed number of cookies
    Jquery系列:checkbox 获取值、选中、设置值、事件监听等操作
    [转]Tomcat优化之内存、并发、缓存
  • 原文地址:https://www.cnblogs.com/banbianfengxue/p/10519389.html
Copyright © 2011-2022 走看看