HTML

HTML 属性

HTML_第1张图片

HTML标题

h1----h6

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

换行

您也许发现 

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

HTML样式

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


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

HTML文本格式化

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


HTML_第3张图片

HTML引用

HTML_第4张图片

HTML计算机代码元素

HTML_第5张图片
       元素不保留多余的空格和折行,如需空格和折行,必须在 
 元素中包围代码。

HTML CSS

HTML_第6张图片

1、外部样式表

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




2、内部样式表

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

3、内联样式

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

This is a paragraph

HTML超链接

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

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

       Visit Baidu!
HTML 链接 - name 属性

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

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

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

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

发送邮件

发送邮件
HTML_第7张图片

HTML图像

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

你可能感兴趣的:(HTML)