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 HTML教程HTML简介HTML编辑器HTML基础HTML元素HTML属性 HTML标题HTML段落HT...

  • HTML头部-10

    HTML 元素 HTML 元素 HTML 元素 HTML 元素 HTML 元素 HTML ...

  • html 大纲

    html 通用 html 简介 html 常用标签 html 属性 html 表格 html 字体 html 表单...

  • web 前端学习线路图

    一、HTML 教程 HTML教程HTML简介HTML编辑器HTML基础HTML元素HTML属性 HTML标题HTM...

  • 2018-06-04——HTML简介

    HTML 简介 HTML 标签 ·HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 ·HTML...

  • HTML 基础

    HTML 标题 HTML 段落 HTML 链接 HTML 图像 HTML 文本格式化标签 HTML ...

  • html常用的基本标签

    HTML基础包括web工作原理,HTML概述,HTML基本标签和HTML高级标签。 〈html〉...〈/html...

  • Html 学习笔记

    HTML基础 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag) HTML 标签通...

  • HTML:基础(2)元素

    HTML 元素 HTML 文档由 HTML 元素定义。 HTML 元素语法 HTML 元素以开始标签起始 HTML...

  • 2018-10-29 第二阶段 day1 htm

    1.html说明 说明html版本html5-- ...

网友评论

    本文标题:HTML

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