HTML学习日志_01

英雄爱吃土豆片

发布于 2021-01-13 15:51:49

3080

发布于 2021-01-13 15:51:49

文章被收录于专栏：英雄爱吃土豆片英雄爱吃土豆片

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>

页面效果：