最近在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 |