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

HTML学习笔记

2015-05-22 10:26 393 查看

whatever you do ， please never give up！

好啦，开始学习html，html是一种标记语言，应该是每个程序员应该要会的，是标记语言的基础！！

由于html家喻户晓，我就不过多赘述其的用处与重要性了，这里学习它也是为了学习xml，xml和html的关系会在xml的学习笔记中介绍

这里主要介绍一下html的标签、属性，先来一个栗子

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

再来一发解释

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题（h1、h2、h3...按大小从大到小排列，用于划分文章标题层次性）
<p> 与 </p> 之间的文本被显示为段落（可以尝试多写几个这个标签，看看他们是怎么排列的）

然而把上面的代码转化成这样和上面的效果是一样的，现在还不知道为什么，可能是浏览器越来越智能了吧

<html>
<body>
<h1>My First Heading</h1>
</body>
<p>My first paragraph.</p>
</html>

以上介绍的是它的最基本的标签，下面再加点料

<html>
<body>

<img src="http://p0.so.qhimg.com/t013f7ae86c454d1b00.jpg" width="300" height="120" />

</body>
</html>

设置图片，看看试试编译一下就明白了

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

</body>
</html>

设置一个连接，href是设置一个属性，属性是一个特别好的东西，我们可以通过设置属性来设置背景颜色（bgcolor）、设置连接（href）、设置对齐方式（align）、唯一标识（id）...

<html>

<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<!-- This is a comment -->
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>

<hr /> 是定义水平线， 是注释 <br /> 是换行

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航