标签示例

代码:

<html>
<head>
<title>标签示例</title>
</head>
<body>
<a name="nblj"><h1>版权问题:参照“html语言剖析”制作,有引用,望谅解</h1></a>
<h1>由于作者朱聪第一次制作网页,内容不完整,望读者见谅</h1>
<h1>目录</h1>
<a href="#1">1,基本格式</a><br>
<a href="#2">2,注解</a><br>
<a href="#3">3,水平线</a><br>
<a href="#4">4,段落</a><br>
<a href="#5">5,换行</a><br>
<a href="#6">6,居中</a><br>
<a href="#7">7,预设格式</a><br>
<a href="#8">8,区隔标记&ltDIV></a><br>
<a href="#9">9,不折行标记&ltNOBR>和建议折行标记&ltWBR></a><br>
<a href="#10">10,强调和重强调</a><br>
<a href="#11">11,斜体&ltI> &ltEM> &ltVAR> &ltCITE> &ltDFN> &ltADDRESS></a><br>
<a href="#12">12,下划线和删除线</a><br>
<a href="#13">13,下标和上标</a><br>
<a href="#14">14,拉开字母的间距&ltTT> &ltSAMP> &ltCODE> &ltKBD></a><br>
<a href="#15">15,字体变大变小&ltbig>&ltsmall></a><br>
<a href="#16">16,标题</a><br>
<a href="#17">17,字体&ltfont>&ltbasefont></a><br>
<a href="#18">18,顺序清单</a><br>
<a href="#19">19,无序清单</a><br>
<a href="#20">20,定义清单</a><br>
<a href="#21">21,表格和表单</a><br>
<a href="#22">22,图片</a><br>
<a href="#23">23,内部链接</a><br>
<a href="#24">24,外部链接</a><br>
<a href="#25">25,框窗</a><br>
<a href="#26">26,音乐</a><br>
<a href="#27">27,跑马灯</a><br>
<a href="#28">28,特殊标签</a><br>
<h1><a name="1">1,基本格式</a><h1>
<pre>
代码:
&lthtml>
&lthead>
&lttitle>标题&lt/title>
&lt/head>
&ltbody>
&lt正文>
&lt/body>
&lt/html>
</pre>
<h1><a name="2">2,注解</a></h1>
代码:
&ltpre>&lt/pre>&lt!--注释,这是预设格式的意思-->
<h1><a name="3">3,水平线</a></h1>
代码:
&ltHR align="left"width="20%" >
输出:
<HR align="left"width="20%" >
代码:
&ltHR align="center"width="50%" >
输出:
<HR align="center"width="50%" >
代码:
&ltHR align="right"width="80%" >
输出:
<HR align="right"width="80%" >
代码:
&ltHR align="right"width="80%" noshade >
输出:
<HR align="right"width="80%" noshade>
代码:
&ltHR size="2" color="#0000FF">
输出:
<HR size="2" color="#0000FF">
代码:
&ltHR size="9" color="#0000FF">
输出:
<HR size="9" color="#0000FF">
代码:
&ltHR size="9" color="red">
输出:
<HR size="9" color="red">
注,线条长度还可以用像素值表示
<h1><a name="4">4,段落</a></h1>
&ltp>
<h1><a name="5">5,换行</a></h1>
代码:12&ltbr>34<br>
输出:<br>12<br>34
<h1><a name="6">6,居中</a></h1>
代码:&ltCENTER>1111111111111111111111111111111111111111111111111111111111111&lt/CENTER><br>
输出:<CENTER>1111111111111111111111111111111111111111111111111111111111111</CENTER>
<h1><a name="7">7,预设格式</a></h1>
代码:<pre>    1</pre>
输出:<br>    1<br>
代码:&ltpre> &nbsp&nbsp&nbsp&nbsp 1&lt/pre>
输出:<pre>    1</pre>
<h1><a name="8">8,区隔标记&ltDIV></a></h1>
<h1><a name="9">9,不折行标记&ltNOBR>和建议折行标记&ltWBR></a></h1>
<h1><a name="10">10,强调和重强调</a></h1>
&ltb>强调&lt/b><br><b>强调</b><br>
&ltstrong>重强调&lt/strong><br><strong>重强调</strong>
<h1><a name="11">11,斜体&ltI> &ltEM> &ltVAR> &ltCITE> &ltDFN> &ltADDRESS></a></h1>
<h1><a name="12">12,下划线和删除线</a></h1>
&ltU>下划线&lt/U><br>
<U>下划线</U><br>
&ltSTRIKE>删除线&lt/STRIKE><br>
<STRIKE>删除线</STRIKE>
<h1><a name="13">13,下标和上标</a></h1>
2&ltSUB>7&lt/SUB><br>
2<SUB>7</SUB><br>
6&ltSUP>9&lt/SUP><br>
6<SUP>9</SUP>
<h1><a name="14">14,拉开字母的间距&ltTT> &ltSAMP> &ltCODE> &ltKBD></a></h1>
<h1><a name="15">15,字体变大变小&ltbig>&ltsmall></a></h1>
<h1><a name="16">16,标题</a></h1>
&lth1>最大&lt/h1>
<h1>最大</h1>
&lth6>最小&lt/h6>
<h6>最小</h6>
<h1><a name="17">17,字体&ltfont>&ltbasefont></a></h1>
&ltfont size=2 color=red>大小和颜色&lt/font><br>
<font size=2 color=red>大小和颜色</font><br>
&ltfont size=5 color=blue>大小和颜色&lt/font><br>
<font size=5 color=blue>大小和颜色</font>
<h1><a name="18">18,顺序清单</a></h1>
<h2>字体有1,a,A,I,i五种</h2>
<pre>
&ltol type="I" start="2">
&ltli>第一行
&ltli>第二行
&ltli>第三行
&lt/ol>
<ol type="I" start="2">
<li>第一行
<li>第二行
<li>第三行
</ol>
&ltol type="1" start="6">
&ltli>第一行
&ltli>第二行
&ltli>第三行
&lt/ol>
<ol type="1" start="6">
<li>第一行
<li>第二行
<li>第三行
</ol>
<h1><a name="19">19,无序清单</a></h1>
<h2>有circle,disc,square三种</h2>
&ltul type=square>
&ltli>第一行
&ltli>第二行
&ltli>第三行
&lt/ul>
<ul type=square>
<li>第一行
<li>第二行
<li>第三行
</ul>
<h1><a name="20">20,定义清单</a></h1>
&ltdl>
&ltdt>下面是第一段
&ltdd>1111111111111
&ltdt>下面是第二段
&ltdd>222222222222
&lt/dl>
<dl>
<dt>下面是第一段
<dd>1111111111111
<dt>下面是第二段
<dd>222222222222
</dl>
<h1><a name="21">21,表格和表单</a></h1>
<h1><a name="22">22,图片</a></h1>
&ltimg src="1.png" height=100>
<img src="数码解锁.png" height=100>
<h1><a name="23">23,内部链接</a></h1>
代码:&lta name="nblj">&lth1>版权问题:参照“html语言剖析”制作,有引用,望谅解&lt/h1>&lt/a>
&lta href="#nblj">版权问题&lt/a>
输出:<a href="#nblj">版权问题</a>
注:目录也是内部链接
<h1><a name="24">24,外部链接</a></h1>
代码:&lta href="http://baike.so.com/doc/1176639.html">什么是外部链接&lt/a>
输出:<a href="http://baike.so.com/doc/1176639.html">什么是外部链接</a>
<h1><a name="25">25,框窗</a></h1>
<h1><a name="26">26,音乐</a></h1>
代码:&ltembed src="God Is A Girl.mp3">
输出:<br><embed src="God Is A Girl.mp3">
<h1><a name="27">27,跑马灯</a></h1>
代码:&ltmarquee width=700 bgcolor=999900>跑 马  灯 跑 马  灯  跑 马  灯 跑 马  灯&lt/marquee >
输出:<marquee width=700 bgcolor=999900>跑 马  灯 跑 马  灯  跑 马  灯 跑 马  灯</marquee >
<h1><a name="28">28,特殊标签</a></h1>
代码:&amplt
输出:&lt
代码:&ampgt
输出:&gt
代码:&ampquot
输出:&quot
代码:111&ampnbsp&ampnbsp22
输出:111&nbsp&nbsp22
代码:&ampamp
输出:&amp
</body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值