html语法介绍及标签说明

最近在django中涉及到编写html，同时必须要对html有个了解才行，方便后续学习，作了一个大致认识，记录如下：


Html语法介绍

1.        网页结构：

<html>

       <head>

              <title> XXXXX</title>

                     </head>

       <body>

                     网页内容

       </body>

</html>

2.        标题：

数字表示几级标题，数字越小越大

<h1> 标题内容</h1>   

3.        字体

<font size= N> 文字内容</font>

<font size=+ N> 文字内容</font> 比预设字大N级，-N，小N级

<basefont size= N> 文字内容</font> 预设为N级

N 最小为1，最大为7，数字越大字体越大

4.        字形标签

<b>粗體</b>

粗體

<i>斜體</i>

斜體

<u>底線</u>

底線

<sup>上標</sup>

上標 

<sub>下標</sub>

下標 

<tt>打字機</tt>

打字機

<blink>閃爍</blink>（ie沒效果）

閃爍

<em>強調</em>

強調

<strong>加強</strong>

加強

<samp>範例</samp>

範例

<code>原始碼</code>

原始碼

<var>變數</var>

變數

<dfn>定義</dfn>

定義

<cite>引用</cite>

引用

<address>所在地址</address>

所在地址

 

5.        文字颜色

原始碼

呈現結果

<font color="#ff0000">紅</font>

紅色的字喔！

<font color="#ff8000">橙</font>

橙色的字喔！

<font color="#ffff00">黃</font>

黃色的字喔！

<font color="#00ff00">綠</font>

綠色的字喔！

<font color="#0080ff">藍</font>

藍色的字喔！

<font color="#0000a0">靛</font>

靛色的字喔！

<font color="#8000ff">紫</font>

紫色的字喔！

<font color="#000000">黑</font>

黑色的字喔！

<font color="#c0c0c0">灰</font>

灰色的字喔！

 

6.        背景颜色

<Body Bgcolor=#XXXX>……</body>

<Body Bgcolor=red >……</body>

7.        背景图

<Body Background=”back.gif”>……</body>，图片要注意链接路径

8.        图片排列位置

<IMG SRC=”picture name” align=left> 靠左

<IMG SRC=”picture name” width=24height=24 border=2>显示有边框的图片

9.        图片路径

<img src=”tad.gif”> 图文均在同一目录

<img src=”images/tad.gif”>图在网页的下一层images目录

<img src=”../tad.gif”> 图在网页上一层目录

<img src=”http://......../tad.gif”> 图在网页的url上

10.    文字位置

<p align=”left”>文字靠左</p>

<p align=”center”>文字置中</p>

<p align=”right”>文字靠右</p>

11.    排版标签

<br> 强制断行标签

<p> 强制分段标签

<hr> 分隔线标签

<UL type=”circle”>       type可以指定类型

       <LI>…

       <LI>…

              …

       <LI>…

       </UL>

无序标签

<OL TYPE=”A”>      type/START可以指定起始值

       <LI>…

       <LI>…

              …

       <LI>…

       </OL>

有序标签

 

12.    插入多媒体

<IMG DYNSRC=”xxx.AVI” Loop=infinite>

<BGSOUND SRC=”music”>

13.    table表格

<table border=1>    表格粗细设为1

<tr><td>1</td></tr>  tr设定横列的开始，td设置一个栏位

</table>

 

二．Html的基本标签

什么是 HTML 标签

HTML 文档和 HTML 元素是通过 HTML 标签进行标记的

HTML 标签由开始标签和结束标签组成

开始标签是被括号包围的元素名

结束标签是被括号包围的斜杠和元素名

某些 HTML 元素没有结束标签，比如 <br />

 

HTML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

 

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

 

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

实例

<ahref="http://www.w3school.com.cn">This is a link</a>

 

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

实例

<img src="w3school.jpg"width="104" height="142" />

 

HTML 4.01 / XHTML 1.0 参考手册

 

按功能类别排列

DTD：指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.

标签

描述

DTD

<!DOCTYPE> 

定义文档类型。

STF

<html>

定义 HTML 文档。

STF

<body>

定义文档的主体。

STF

<h1> to <h6>

定义 HTML 标题。

STF

<p>

定义段落。

STF

<br>

定义简单的折行。

STF

<hr>

定义水平线。

STF

<!--...-->

定义注释。

STF

 

标签

描述

DTD

<b>

定义粗体文本。

STF

<font>

不赞成使用。定义文本的字体、尺寸和颜色

TF

<i>

定义斜体文本。

STF

<em>

定义强调文本。

STF

<big>

定义大号文本。

STF

<strong>

定义语气更为强烈的强调文本。

STF

<small>

定义小号文本。

STF

<sup>

定义上标文本。

STF

<sub>

定义下标文本。

STF

<bdo>

定义文本的方向。

STF

<u>

不赞成使用。定义下划线文本。

TF

 

标签

描述

DTD

<pre>

定义预格式文本

STF

<code>

定义计算机代码文本。

STF

<tt>

定义打字机文本。

STF

<kbd>

定义键盘文本。

STF

<var>

定义文本的变量部分。

STF

<dfn>

定义定义项目。

STF

<samp>

定义计算机代码样本。

STF

<xmp>

不赞成使用。定义预格式文本。

 

   

 

标签

描述

DTD

<acronym>

定义只取首字母的缩写。

STF

<abbr>

定义缩写。

STF

<address>

定义文档作者或拥有者的联系信息。

STF

<blockquote>

定义块引用。

STF

<center>

不赞成使用。定义居中文本。

TF

<q>

定义短的引用。

STF

<cite>

定义引用(citation)。

STF

<ins>

定义被插入文本。

STF

<del>

定义被删除文本。

STF

<s>

不赞成使用。定义加删除线的文本。

TF

<strike>

不赞成使用。定义加删除线的文本。

TF

   

 

标签

描述

DTD

<a>

定义锚。

STF

<link>

定义文档与外部资源的关系。

STF

 

标签

描述

DTD

<frame>

定义框架集的窗口或框架。

F

<frameset>

定义框架集。

F

<noframes>

定义针对不支持框架的用户的替代内容。

TF

<iframe>

定义内联框架。

TF

 

标签

描述

DTD

<form>

定义供用户输入的 HTML 表单。

STF

<input>

定义输入控件。

STF

<textarea>

定义多行的文本输入控件。

STF

<button>

定义按钮。

STF

<select>

定义选择列表（下拉列表）。

STF

<optgroup>

定义选择列表中相关选项的组合。

STF

<option>

定义选择列表中的选项。

STF

<label>

定义 input 元素的标注。

STF

<fieldset>

定义围绕表单中元素的边框。

STF

<legend>

定义 fieldset 元素的标题。

STF

<isindex>

不赞成使用。定义与文档相关的可搜索索引。

TF

 

标签

描述

DTD

<ul>

定义无序列表。

STF

<ol>

定义有序列表。

STF

<li>

定义列表的项目。

STF

<dir>

不赞成使用。定义目录列表。

TF

<dl>

定义定义列表。

STF

<dt>

定义定义列表中的项目。

STF

<dd>

定义定义列表中项目的描述。

STF

<menu>

不赞成使用。定义菜单列表。

TF

   

 

标签

描述

DTD

<img>

定义图像。

STF

<map>

定义图像映射。

STF

<area>

定义图像地图内部的区域。

STF

 

标签

描述

DTD

<table>

定义表格

STF

<caption>

定义表格标题。

STF

<th>

定义表格中的表头单元格。

STF

<tr>

定义表格中的行。

STF

<td>

定义表格中的单元。

STF

<thead>

定义表格中的表头内容。

STF

<tbody>

定义表格中的主体内容。

STF

<tfoot>

定义表格中的表注内容（脚注）。

STF

<col>

定义表格中一个或多个列的属性值。

STF

<colgroup>

定义表格中供格式化的列组。

STF

 

标签

描述

DTD

<style>

定义文档的样式信息。

STF

<div>

定义文档中的节。

STF

<span>

定义文档中的节。

STF

 

标签

描述

DTD

<head>

定义关于文档的信息。

STF

<title>

定义文档的标题。

STF

<meta>

定义关于 HTML 文档的元信息。

STF

<base>

定义页面中所有链接的默认地址或默认目标。

STF

<basefont>

不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

TF

 

标签

描述

DTD

<script>

定义客户端脚本。

STF

<noscript>

定义针对不支持客户端脚本的用户的替代内容。

STF

<applet>

不赞成使用。定义嵌入的 applet。

TF

<object>

定义嵌入的对象。

STF

<param>

定义对象的参数。

STF

 

 

 


posted on 2022-07-05 18:12  我在全球村  阅读(68)  评论(0)  编辑  收藏  举报