HTML

作者: shallwego_ | 来源:发表于2017-06-22 17:50 被阅读0次

    HTML 属性

    HTML标题

    h1----h6

    • 标题很重要。要确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
    • 搜索引擎使用标题为您的网页的结构和内容编制索引。
    • 因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

    换行

    您也许发现 <br> 与 <br /> 很相似。
    在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。
    即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。
    

    HTML样式

    HTML 的 **style **属性的作用:提供了一种改变所有 HTML 元素的样式的通用方法。在 HTML 4 中,有若干的标签和属性是被废弃的。


              style="background-color:yellow"   //style 属性淘汰了“旧的” bgcolor 属性。
              style="font-family:arial;color:red;font-size:20px;"    //style 属性淘汰了旧的 <font> 标签
              style="text-align:center"    //style 属性淘汰了旧的 "align" 属性。
    

    HTML文本格式化

    HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。


    HTML引用

    HTML计算机代码元素

          <code> 元素不保留多余的空格和折行,如需空格和折行,必须在 <pre> 元素中包围代码。
    

    HTML CSS

    1、外部样式表

    当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
    

    2、内部样式表

    当单个文件需要特别样式时,就可以使用内部样式表。你可以在head 部分通过 <style> 标签定义内部样式表。

    <head>
    <style type="text/css">
    body {background-color: red}
    p {margin-left: 20px}
    </style>
    </head>
    

    3、内联样式

    当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

    <p style="color: red; margin-left: 20px">
    This is a paragraph
    </p>
    

    HTML超链接

    通过使用 <a> 标签在 HTML 中创建链接。
    有两种使用 <a> 标签的方式:
           1、通过使用 href 属性 - 创建指向另一个文档的链接
           2、通过使用 name 属性 - 创建文档内的书签(锚)
    
    HTML 链接 - target 属性

    使用 Target 属性,你可以定义被链接的文档在何处显示。下面的这行会在新窗口打开文档:

           <a href="http://www.baidu.com/" target="_blank">Visit Baidu!</a>
    
    HTML 链接 - name 属性

    name 属性规定(anchor)的名称。可以使用 name 属性创建 HTML 页面中的书签。命名锚的语法:

           <a name="label">锚(显示在页面上的文本)</a>
            //可以使用 id 属性来替代 name 属性,命名锚同样有效
    

    首先,我们在 HTML 文档中对锚进行命名(创建一个书签):

      首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
             <a name="tips"> TIPS </a>
      然后,在同一个文档中创建指向该锚的链接:
             <a href="#tips">点击跳转到TIPS</a>
      也可以在其他页面中创建指向该锚的链接,将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到这个锚了:
             <a href="页面链接#tips">点击跳转到TIPS</a>
    

    发送邮件

    <a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
    

    HTML图像

    <img> 是空标签,它只包含属性,并且没有闭合标签。
       1、要在页面上显示图像,需要使用源属性src。源属性的值是图像的 URL 地址。
       2、alt 属性用来为图像定义一串预备的可替换的文本。
          在浏览器无法载入图像时,替换文本属性指定告诉用户的信息。
    

    相关文章

      网友评论

        本文标题:HTML

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