您的位置：首页 > Web前端 > HTML

html 基本标签

2016-08-28 23:16 155 查看 
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<base target="_blank" /> 所有连接全开新窗口
<title>这是我的第一个网页</title>
</head>

<body>

<!--文字标签 -->
<h1>这个是一个h1标签</h1>
<h2>这个是一个h1标签</h2>
<h3>这个是一个h1标签</h3>
<h4>这个是一个h1标签</h4>
<h5>这个是一个h1标签</h5>
<h6>这个是一个h1标签</h6>
<!-- 换行-->
<br />
<!-- 横线-->
<hr />
<font color="deeppink" size="2" style="font-weight:bold"> 这个是一个font标签 設置了尺碼 顏色 加粗</font>
<h1 >你——李白，你就是一道风景。</h1>

<p id="maoamo">在一个书声琅琅的早晨，我认识了你。你吟着那首响彻千古的思乡之曲，大步向我走来“床前明月光，疑是地上霜。举头望明月，低头思故乡。”情系千载，从此，我与你有了解不开的情绪。</p>

<p>在那个歌舞升平的大唐盛世，你是一个神话，一道风景。你胸怀天下，在长安天子脚下写下了属于你自己的传奇。好一个桀骜不训的你。“酒入愁肠，三分啸成剑气，七分化作月光，绣口一吐， 就是装修盛唐。”力士脱靴，贵妃研墨，你无奈地写出了“金玉其外，败絮其中”的大唐宫廷艳曲
</跑》
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<!--文本加粗-->
<strong style="color: red;">strong标签   這是一個加粗   </strong>
<b>b标签  這個也是一個加粗的 </b><br /><br /><br /><br />

<!--斜体显示-->
<em style="color: red;">em标签 斜体</em>
<i>i标签 斜体</i><br /><br /><br /><br />

<!--斜体显示-->
<del style="color: red;">del标签 删除标签</del>
<s> s标签 删除标签</s><br /><br /><br /><br />

<!--下划线显示-->
<ins>ins标签 下横线</ins>
<u>u标签 下横线</u><br /><br /><br /><br /><br /><br /><br /><br /><br /><hr />

<!-- img/img4标签-->
<img src="logo.png" link="label.html" width="200" height="200" title="html5" alt="html5的img/img4没了"/><br /><br /><br /><br /><br /><hr />

<!--超链接-->
<a href="label.html">跳转到自己</a><br /><br /><br /><br /><br /><br /><br />
<a href="Http://www.baidu.com"  title="跳到百度">跳到百度并且新开一个窗口</a><br /><br /><br /><br /><br /><br /><br /><hr />

<!--锚链接-->
<a href="#maoamo" >跳转到 读书的早上</a><br />
<a href="#" >跳转到 跳转到自己的页面</a><br /><br /><br /><br /><hr />

<!--特殊符号-->
这样          去显示特
殊符号 <p><p><br />
这样去显示空格  啦  啦  啦 <br /><br /><br /><hr />

<!--无序列表-->
<ul type="disc">
<li><a href="Http://www.baidu.com">香蕉</a></li>
<li>苹果</li>
<li>鸭梨</li>
<li>苹果</li>
<li>鸭梨</li>
<li>苹果</li>
<li>鸭梨</li>
<li>苹果</li>
<li>鸭梨</li>
<li>苹果</li>
<li>鸭梨</li>
<li>苹果</li>
<li>鸭梨</li>
</ul>

<!--有序列表-->
<ol type="I" start="4">
<li>星期一</li>
<li>星期二</li>
<li>星期二</li>
</ol>
<!--自定义列表 网站末尾-->
<dl>
<dt>战将名称</dt>
<dd>张飞</dd>
<dd>李四</dd>
<dd>王五</dd>
<dd>马云</dd>
</dl>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航