Sun's blog

The process of learning IT

HTML

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。

$  HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(empty content)
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML 元素可拥有属性
<p>This is my first paragraph.</p> //定义了文档中的段落
  //<body> 元素定义了 HTML 文档的主体。
  //<html> 元素定义了整个 HTML 文档。
  //这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>。
  // <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
  //在未来 (X)HTML 版本中强制使用小写。
  ```

style 属性的作用:
提供了一种改变所有 HTML 元素的样式的通用```


//HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定
<a href="链接地址">This is a link</a> 
<h1 align="center">This is heading 1</h1>  //居中标题
<body style="background-color:yellow">    //改变背景颜色
<table>                                  //定义 HTML 表格。
<table border="1">                     拥有关于表格边框的附加信息。
<h1> 定义最大的标题。<h6> 定义最小的标题。//标题比较重要
<hr /> 标签在 HTML 页面中创建水平线。
       //hr 元素可用于分隔内容。
<!--这是一段注释。注释不会在浏览器中显示。--> //注释增加可读性
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>   //显示的为红色的  A paragraph.                                //style 属性淘汰了旧的 <font> 标签。
<h1 style="text-align:center">This is a heading</h1>   //style 属性淘汰了旧的 "align" 属性,text-align 属性规定了元素中文本的水平对齐方式。

如何查看源代码
您一定曾经在看到某个网页时惊叹道 “WOW! 这是如何实现的?”
如果您想找到其中的奥秘,只需要单击右键,然后选择“查看源文件”(IE)或“查看页面源代码”(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的“`

标题很重要

搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

属性值应该始终被包括在引号内

双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='Bill "HelloWorld" Gates'
标签         描述     
<!--...-->  定义注释。
<!DOCTYPE>  定义文档类型。
<a>         定义锚。
<abbr>      定义缩写。
<acronym>   定义只取首字母的缩写。
<address>   定义文档作者或拥有者的联系信息。
<applet>    不赞成使用。定义嵌入的 applet。
<area>      定义图像映射内部的区域。
<article>   定义文章。
<aside>     定义页面内容之外的内容。
<audio>     定义声音内容。
<b>         定义粗体字。
<base>      定义页面中所有链接的默认地址或默认目标。
<basefont>  不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>       定义文本的文本方向,使其脱离其周围文本的方向设置。
<bdo>       定义文字方向。
<big>       定义大号文本。
<blockquote>定义长的引用。
<body>      定义文档的主体。
<br>        定义简单的折行。
<button>    定义按钮 (push button)。
<canvas>    定义图形。
<caption>   定义表格标题。
<center>    不赞成使用。定义居中文本。
<cite>      定义引用(citation)。
<code>      定义计算机代码文本。
<col>       定义表格中一个或多个列的属性值。
<colgroup>  定义表格中供格式化的列组。
<command>   定义命令按钮。
<datalist>  定义下拉列表。
<dd>        定义定义列表中项目的描述。
<del>       定义被删除文本。
<details>   定义元素的细节。
<dir>       不赞成使用。定义目录列表。
<div>       定义文档中的节。
<dfn>       定义定义项目。
<dialog>    定义对话框或窗口。
<dl>        定义定义列表。
<dt>        定义定义列表中的项目。
<em>        定义强调文本。
<embed>     定义外部交互内容或插件。
<fieldset>  定义围绕表单中元素的边框。
<figcaption>定义 figure 元素的标题。
<figure>    定义媒介内容的分组,以及它们的标题。
<font>      不赞成使用。定义文字的字体、尺寸和颜色。
<footer>    定义 section 或 page 的页脚。
<form>      定义供用户输入的 HTML 表单。
<frame>     定义框架集的窗口或框架。
<frameset>  定义框架集。
<h1> to <h6>定义 HTML 标题。
<head>      定义关于文档的信息。
<header>    定义 section 或 page 的页眉。
<hr>        定义水平线。
<html>      定义 HTML 文档。
<i>         定义斜体字。
<iframe>    定义内联框架。
<img>       定义图像。
<input>     定义输入控件。
<ins>       定义被插入文本。
<isindex>   不赞成使用。定义与文档相关的可搜索索引。
<kbd>       定义键盘文本。
<keygen>    定义生成密钥。
<label>     定义 input 元素的标注。
<legend>    定义 fieldset 元素的标题。
<li>        定义列表的项目。
<link>      定义文档与外部资源的关系。
<map>       定义图像映射。
<mark>      定义有记号的文本。
<menu>      定义命令的列表或菜单。
<menuitem>  定义用户可以从弹出菜单调用的命令/菜单项目。
<meta>      定义关于 HTML 文档的元信息。
<meter>     定义预定义范围内的度量。
<nav>       定义导航链接。
<noframes>  定义针对不支持框架的用户的替代内容。
<noscript>  定义针对不支持客户端脚本的用户的替代内容。
<object>    定义内嵌对象。
<ol>        定义有序列表。
<optgroup>  定义选择列表中相关选项的组合。
<option>    定义选择列表中的选项。
<output>    定义输出的一些类型。
<p>         定义段落。
<param>     定义对象的参数。
<pre>       定义预格式文本。
<progress>  定义任何类型的任务的进度。
<q>         定义短的引用。
<rp>        定义若浏览器不支持 ruby 元素显示的内容。
<rt>        定义 ruby 注释的解释。
<ruby>      定义 ruby 注释。
<s>         不赞成使用。定义加删除线的文本。
<samp>      定义计算机代码样本。
<script>    定义客户端脚本。
<section>   定义 section。
<select>    定义选择列表(下拉列表)。
<small>     定义小号文本。
<source>    定义媒介源。
<span>      定义文档中的节。
<strike>    不赞成使用。定义加删除线文本。
<strong>    定义强调文本。
<style>     定义文档的样式信息。
<sub>       定义下标文本。
<summary>   为 <details> 元素定义可见的标题。
<sup>       定义上标文本。
<table>     定义表格。
<tbody>     定义表格中的主体内容。
<td>        定义表格中的单元。
<textarea>  定义多行的文本输入控件。
<tfoot>     定义表格中的表注内容(脚注)。
<th>        定义表格中的表头单元格。
<thead>     定义表格中的表头内容。
<time>      定义日期/时间。
<title>     定义文档的标题。
<tr>        定义表格中的行。
<track>     定义用在媒体播放器中的文本轨道。
<tt>        定义打字机文本。
<u>         不赞成使用。定义下划线文本。
<ul>        定义无序列表。
<var>       定义文本的变量部分。
<video>     定义视频。
<wbr>       定义可能的换行符。
<xmp>       不赞成使用。定义预格式文本。

下面列出了适用于大多数 HTML 元素的属性:

属性      值                   描述
class   classname           规定元素的类名(classname)
id      id                  规定元素的唯一 id
style   style_definition    规定元素的行内样式(inline style)
title   text                规定元素的额外信息(可在工具提示中显示)

HTML 标准属性参考手册
完整的 HTML 参考手册

阅读更多
版权声明:未经博主同意,不得转载 https://blog.csdn.net/qq_40984577/article/details/79954867
文章标签: HTML
个人分类: Personal  learning
上一篇面向对象入门
下一篇HTML
想对作者说点什么? 我来说一句

配置文件配置文件

2017年12月21日 922KB 下载

HTML基础课件!!!

2010年10月29日 8.31MB 下载

HTML制作工具

2011年10月30日 664KB 下载

动态HTML动态HTML

2009年08月27日 8.6MB 下载

HTML语言HTML语言HTML语言

2008年12月24日 65KB 下载

html原型 html原型

2009年07月31日 121KB 下载

html基础html基础html基础html基础

2008年11月14日 1.96MB 下载

HTML基本语法.doc

2008年10月25日 175KB 下载

html 语言教程(html)

2008年12月03日 66KB 下载

@Html的用法

2018年04月16日 288KB 下载

没有更多推荐了,返回首页

关闭
关闭