HTML学习笔记

最新推荐文章于 2023-01-12 15:14:08 发布

流云飞水

最新推荐文章于 2023-01-12 15:14:08 发布

阅读量537

点赞数

分类专栏： web 文章标签： web html 浏览器

本文链接：https://blog.csdn.net/baidu_25537855/article/details/45914041

版权

19 篇文章 0 订阅

订阅专栏

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>
<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 /> 是换行

关注

专栏目录