码迷,mamicode.com
首页 > Web开发 > 详细

html-----001

时间:2015-03-30 11:14:58      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一个</title>
</head>
<body bgcolor="yellow">
<h2 align="center">请看: 改变了颜色的背景。</h2>
<!--元素:属性(可有多个)元素就是标记-->
<p>这是一段</p>
<p>这又是一段</p>
<font size="7" color="#0000FF">我是蓝色</font>
<!---font字体标记,size的取值从-6到7-->
<br/>
<b>粗体的</b>
</body>
</html>

  

技术分享

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一个</title>
</head>
<body>
<font style="font-size:24px" color="#FF0000">我是红色</font>
<!--<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落--->
<br />
<a href="http://www.w3school.com.cn">
这是链接</a>
<br />
<img src="TU/4b301140c4a8df7bd18763008517f6b0.jpg" width="320" height="142" />
<br />
<font size="-6" color="#0000FF">我是蓝色</font>
<br />
<font size="7" color="#0000FF">我是蓝色</font>
<p>
<font color="#FF0000">红色</font>
<font color="#00FF00">绿色</font>
<font color="#0000FF">蓝色</font>
<font color="#FFFF00">黄色</font>
<font color="#00FFFF">青色</font>
<font color="#FF00FF">紫红色</font>
<font color="#CCCCCC">灰色</font>
</p>
<p><p>这是正反两个括号 </p></p>
<p><hr />水平线</p>
<hr />
</body>
</html>

  技术分享

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一个</title>
</head>
<body>

<p>注册符号:® £</p>
<h1 align="center">春晓</h1>
<p>
    春眠不觉晓,
      处处闻啼鸟。
        夜来风雨声,
          花落知多少。
</p>
<!--格式是不变的,空格他会自动去掉-->
<strong>加粗</strong>
<br />
<big><big><big><big>增大</big></big></big></big>
<br />
<em>定义着重文字。</em>
<b>粗体</b>
<br />
<i>定义斜体字。</i>
<br />
<ins>定义插入字</ins>
<br />
<del>定义了删除字</del>
<br />
<small>定义小号字</small>
<br />
<p>下标<sub>下标</sub></p>
<br />
<p>上标<sup>上标</sup></p>
<pre>
这是
预格式文本。
它保留了      空格
和换行。
</pre>
<code>定义计算机代码</code>
<br />
<kbd>定义键盘码</kbd>
<br />
<tt>定义打字机代码</tt>
<br />
<samp>定义计算机代码样本</samp>
<br />
<var>定义变量</var>
<br />
<pre>定义预格式文本</pre>
<br />
<p>这就是<abbr>定义缩写</abbr></p>
<p>这就是<acronym>定义首字母缩写</acronym></p>
<p>这就是<address>定义地址</address></p>
<p>这就是<bdo dir="ltr">定义文字方向</bdo></p>
<p>这就是<bdo dir="rtl">定义文字方向</bdo></p>
<p>这就是<blockquote>定义长的引用</blockquote></p>
<p>这就是<q>定义短的引用</q></p>
<p>这就是<cite>定义引用引证</cite></p>
<p>这就是<dfn>定义一个定义项目</dfn></p>
<p><abbr title="yao">这就是</abbr></p>
<br />
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
</body>
</html>

  技术分享

 

html-----001

标签:

原文地址:http://www.cnblogs.com/9999w/p/4377333.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!