我的html学习——第一天

注意:编写html代码时,任何符号都要为英文状态下的输入。
1.html不是编程语言,是一种标记语言。
2.html的style属性可以改变所有的html元素的样式。



<html>
<body style="background-color:yellow;text-align:center">

<h1 style="background-color:red">这是第一个标题。</h1>
<p style="font-family:arial;color:green;font-size:20px">这是第一个段落。</p>  <!--p是块级元素-->
<a herf="www.baidu.com">百度一下</a>

<hr>这是水平线。
<!--这是一段注释,注释不会在浏览器中显示。-->
<br/>表示换行。

<!--下面展示的是如何对html文本进行格式化-->
<b>this text is bold</b>
<strong>this text is strong</strong>
<em>this text is emphasized</em>
<i>this test is italic</i>
<small>this test is small</small>

<!--下面展示的是如何使用pre标签对文本进行空格和空行的控制,即使输出状态完全等于输入状态-->
<pre>
春眠不觉晓,
   处处闻啼鸟。
      夜来风雨声,
         花落知多少。
</pre>

<!--下面展示实现字母缩写,即在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本-->
<abbr title="etcera">etc.</abbr>
<acronym title="world wide web">www</acronym>
<!--下面展示的是一些浏览器可以显示出来的删除文本和下划线文本效果-->
<p>一打有<del>二十</del><ins>十二件。</ins></p>

<!--下面展示的是使用blockquote标签展示引用文本>
<p>浏览器通常会对 blockquote 元素进行缩进处理。</p>
<blockquote >
五十年来,WWF 一直致力于保护自然界的未来。WWF 工作于 100 个国家,并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>

<!--下面展示的是使用标签对单词进行标记和缩写>
<p>The <dfn title="World Health Organization">WHO</dfn> was founded in 1948.</p>
以上也可以写作
<p>The
<i><abbr title="World Health Organization">WHO</abbr></i>
was founded in 1948.
</p>


</body>
</html>

猜你喜欢

转载自blog.csdn.net/happy_finding/article/details/53231082