HTML学习日志_01
HTML学习日志_01
英雄爱吃土豆片
发布于 2021-01-13 07:51:49
发布于 2021-01-13 07:51:49
代码可运行
运行总次数：0
代码可运行
HTML5
基本语法：
元素： 通过 < x x x> 的形式创建一个元素，表示元素的开始，并通过 </ x x x> 的形式关闭一个元素，表示元素的结束。< x x x> 和 </ x x x> 之间添加该元素的内容。 如：
<!创建一个标题>
<h1>标题</h1>属性： 通过在 < 和 > 之间增加属性和对应的值来改变元素的状态。 如：
<!通过设置超链接元素的href属性设置超链接指向的链接>
<a href="url">链接</a>基本标签
文档
<!一个html文件的所有内容，告知浏览器这是一个html文档>
<html></html>主体
<!一个html文档的主体>
<body></body>头部
<!描述文档的信息以及属性等等>
<head></head>标题
<!不同标题的字号大小不同，并且浏览器会根据标题的不同对HTML文件进行索引>
<h1></h1>
<h2></h2>
...
<h6></h6>段落
<!创建一段内容>
<p></p>超链接
<!创建一个超链接，当用户点击时可跳转至指定url>
<a href="url"></a>换行
<br />水平线
<hr />简单尝试一下：
<!DOCTYPR html>
<html>
<head>
<!指定文档编码方式为UTF-8 />
<meta charset="utf-8" />
<!文档的标题，页面内不可见 />
<title>测试</title>
</head>
<!设置背景颜色>
<body style="background-color:DarkTurquoise">
<h2 style="text-align:center;">文章</h2>
<hr />
<p style="text-align:center;"><a href="url1">文章_1</a></p>
<p style="text-align:center;"><a href="url2">文章_2</a></p>
<p style="text-align:center;"><a href="url3">文章_3</a></p>
<hr />
</body>
</html>页面效果：
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021/01/10 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
相关推荐
前端开发基础教程-HTML教程和CSS教程
更多 >腾讯云开发者
