网页效果
网页源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>FORM</title>
<h1>文字</h1>
</head>
<body bgcolor="#ffe4c4">
<FONT size="7" color="">博客01</FONT>
<h3>开始测试换段落标签</h3>
<pre>\n其中,ALIGN 是<\p\>标签的属性, 属性有三个参数left,center,right.这三个参数设置段落文字的左, 中, 右位置的对齐方式</pre>
<p align="right">右对齐</p>
<p align="center">中间位置</p>
<p align="left">这里是左对齐</p>
<h3>测试原样显示标签 pre </h3>
<pre>
hhhhhhhhhhhh
hhhhhhhhhhhhh
kkkkkkk
sbcjwcwj
</pre>
<h3>居中对齐标签</h3>
<center>
故人西辭黃鶴樓，
煙花三月下揚州。
孤帆遠影碧山盡，
惟見長江天際流。
</center>
<h3>引文标签</h3>
<blockquote>
引文标签可以用来建立一个引文，他特别适合较长文本的引用，引文显示时将会自动右移，左边空出几个格，加以区别。
</blockquote>
<h3>水平分隔标签</h3>
<hr size="26">
<p>hr size="26" </p>
<hr width="60%">
hr width="60%"
<hr width="40%" align="lert">
<p> hr width="40%" align="lert"</p>
<h3>署名标签</h3>
<p>署名标签一般用于说明这个网页是由谁或是由哪个公司编写的，以及其它相关信息。</p>
<address>这里是署名</address>
<h3>逻辑类型</h3>
<pre>
em 标签：<em>用于强调的文本，一般显示为斜体字</em>
strong标签：<strong> 用于特别强调的文本，显示为粗体字</strong>
cite 标签：<cite>用于引证和举例，通常是斜体字</cite>
code 标签：<code> 用来指出这是一组代码</code>
small 标签：<small>规定文本以小号字显示</small>
big 标签：<big>规定文本以大号字显示</big>
samp 标签：<samp>显示一段计算机常用的字体，即宽度相等的字体</samp>
kbd 标签：<kbd>由用户输入文本，通常显示为较粗的宽体字</kbd>
var 标签：<var>用来表示变量，通常显示为斜体字</var>
dfn 标签：<dfn>表示一个定义或说明，通常显示为斜体字</dfn>
sup 标签：12<sup>2</sup>=144
sub 标签：硫酸亚铁的分子式是Fe<sub>2</sub>SO<sub>4</sub>
</pre>
<h3>文字格式</h3>
<font face=黑体 size=6 color="red" >face=黑体 size=6 color="red"</font> </br>
<font face=隶书 size=+3 color="green">
font face=隶书 size=+3 color="green"
</font>
</br>
<font face=楷体 size=4 color="#ff00ff">
font face=楷体 size=4 color="#ff00ff" </br>
font face=楷体 size=4 color="#ff00ff"
</font> </br>
<h3>文字的物理类型</h3>
<font color="#FF0000" size="+2"><b>这些文字是粗体的</b></font><br><br>
<i> 这些文字是斜体的</i> <br><br>
<u>这些文字带有下划线</u>
<h1>列表</h1>
<h3>无序列表</h3>
<p>无序列表指没有进行编号的列表, 每一个列表项前使用LI。
LI的属性type 有三个选项, 这三个选项都必须小写: disc 实心园，circle 空心园,square 小方块。</p>
<ul>
<li>默认的无序列表加" 实心园"
<li type=square> 无序列表square 加方块
<li type=circle> 无序列表circle 加空心园
</ul>
<h3>有序列表</h3>
<ol>
<li>默认的有序列表
<li>默认的有序列表
<li>默认的有序列表
</ol>
<ol type=a start=5>
<li> type=a start=5
<li>第2 项
<li>第3 项
<li value= 20> 第4 项 li value= 20
</ol>
<ol type= I start=2>
<li>type= I start=2
<li>第2 项
<li>第3 项
</ol><h3></h3>
<h3>嵌套列表</h3>
<p>
将一个列表嵌入到另一个列表中，作为另一个列表的一部分，叫嵌套列表。
无论是有序列表和无序列表的嵌套，浏览器都可以自动地分成排列。
</p>
<ol type=a>
<li> 这是以序号类型a 开头第一行内容</li>
<li> 这是以序号类型a 开头第二行内容</li>
<ol type=A start=3>
<li>这是以序号A 类型C 开头第一行内容</li>
<li>这是以序号A 类型C 开头第二行内容</li>
<ol type=1 start=51>
<li> 这是以序号数字 51开头第一行内容</li>
<li> 这是以序号数字 51开头第二行内容</li>
<li> 这是以序号数字 51开头第三行内容</li>
</ol>
<li>这是以序号A 类型C 开头第三行内容</li>
</ol>
<li> 这是以序号类型a 开头第三行内容</li>
</ol>
<h3>定义性列表 dl dt dd</h3>
<p>
定义列表的标记也叫描述性列表，定义列表默认为两个层次，第一层为列表项标签DT，第二层为注释项标签DD。 <br>
DT和DD标签通常是成对使用的。也可以一个列表项对应于几个解释项，这种方式很少用。 <br>
DD默认的注释是显示在另一行中, 当使用dl compact="compact"后,注释项和列表项将显示在同一行。 <br>
</p>
<dl>
<dt> WWW：<dd> WWW是(World wide web) 的缩写，也可简写web;
<dt> WWW ：<dd> WWW又叫万维网;
<dt> WWW ：<dd> internet提供的最常用的服务是WWW;
</dl>
<h3>目录列表 dir</h3>
<dir>
<li>第一项
<li>第二项
<li>第三项
</dir>
<h3>菜单列表 menu</h3>
<p>目录列表标签,菜单列表标签, 它们的格式和无序列表是一样的</p>
<menu>
<li type=disc>第一项 type=disc
<
本文介绍了HTML的基本标签，通过学习这些标签，可以创建和理解网页效果，包括如何编写网页源代码。
最低0.47元/天 解锁文章
4070
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
