0
点赞
收藏
分享

微信扫一扫

html语法介绍及标签说明

松鼠树屋 2022-09-19 阅读 258

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

 

 

 



举报

相关推荐

0 条评论