HTML速览1（参考w3school）

最新推荐文章于 2024-10-03 22:12:17 发布

qq_42829148

最新推荐文章于 2024-10-03 22:12:17 发布

阅读量217

点赞数

分类专栏： HTML 文章标签： html python

本文链接：https://blog.csdn.net/qq_42829148/article/details/110202733

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML——网页的框架

基础标签
- 注释
样式

基础标签

一般成对出现（为开始标签和结束标签）
可以直接写在notebook中，然后用.html格式打开
接下来请看这个例子，边看例子边学
<html>
<body><!表示用户可见部分>
<h>开头</h>
<h1>随着数字的增大，黑体字大小减小</h1>
<p>表示段落</p>
<a href="http://www.w3school.com.cn">This is a link</a>
<a></a>表示链接，href是它的一个属性，用链接给它赋值>这之后是链接的外在表现
<img src="w3school.jpg" width="104" height="142" />
<img/>表示插入图片，属性src，width，height被赋值
</body>
</html>

可以看出，虽然标签一般都是成对，但是我们也可以直接在开始标签就选择结束

<img/>
<br/>表示换行
<hr/>表示水平线

注释

注释<!这是注释>
如何打开网页的源代码
ctrl+U 或者
单击右键，然后选择“查看源文件”（IE）或“查看页面源代码”（Firefox）

<!注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。即使是如下>
<p>    啊 啊  啊            啊</p>
也会变成 啊 啊 啊 啊

样式

介绍style

<html>
<body style="background-color:PowderBlue;">

<h1>Look! Styles and colors</h1>

<p style="font-family:verdana;color:red">
This text is in Verdana and red</p>

<p style="font-family:times;color:green">
This text is in Times and green</p>

<p style="font-size:30px">This text is 30 pixels high</p>

</body>
</html>