1. 元素
其实元素在前端入门学习笔记（二）的最后有所提及，此处做更加详细的描述。
- HTML 文档由 HTML 元素定义。
- HTML 元素以开始标签起始，以结束标签终止，元素的内容是开始标签与结束标签之间的内容。
- HTML 文档由嵌套的 HTML 元素构成。
<html>
<head>
<title>W3Cschool在线教程(w3cschool.cn)</title>
</head>
<body>
<p>这是一个段落。</p>
<p>这是一个<br/>换行。</p>
</body>
</html>
这是一个段落。
这是一个
换行。
没有内容的 HTML 元素被称为空元素。空元素是可关闭的。
例如，<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
在开始标签中添加斜杠，比如<br/> ，是关闭空元素的正确方法。
即使<br> 在所有浏览器中都是有效的，但使用<br/> 其实是更长远的保障。
2. 属性
属性是 HTML 元素提供的附加信息。
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性只能添加到起始标签或单个标签
- 属性永远不能添加到结束标记
- 属性总是以名称/值对的形式出现，比如：name=“value”
- 元素可以定义自己的属性，提供特定于元素的配置信息
- 属性的顺序并不重要，优先度与定义的先后顺序有关
实例
<p align="center">
此文本居中对齐
</p>
此文本居中对齐
3. 图像
图像由 <img> 标签定义,定义的语法是
<img src=“图片地址” alt=“图像无法显示时，所显示的文本” >
<img src="logo.jpg" alt = "无法显示图像">
因为此处没有图像的具体地址无法显示，所以显示了备用的文字，若有粘贴了图像的地址如
http://s1.dwstatic.com/group1/M00/8A/CD/c957a7cc759857dae1c4e0c924e20939.jpg
则可以正确显示，此处更改后代码以及显示效果如下
<img src="http://s1.dwstatic.com/group1/M00/8A/CD/c957a7cc759857dae1c4e0c924e20939.jpg"
alt = "无法显示图像">
设置图像的高度、宽度、边框
height（高度）与width（宽度）用于设置图像的高度与宽度，高度与宽度可以使像素(px)，也可以是百分比（%），若没有写单位则默认为像素。
border可以用于设置图像的边框的宽度，单位为像素。
<!--调用方式如下-->
<img src="logo.png" height="100px" width="100px" border="20" alt="jpg">
<!-- 或者 -->
<img src="logo.png" height="80%" width="80%" border="20" alt="jpg" />
我们将图片添加如下属性： height=“10%” width=“10%” border=“20”
很明显，图片缩小了，并且图片的周围围着20px的黑框。
4. 链接
链接用<a>来设置超文本链接，其内容可以是一个字、词、一句话或者一个图像，点击内容可完成网页跳转。
其中herf是用于设置超链接的url，target属性可以规定在何处打开超链接文档，如赋值_blank则会在新窗口或者新选项卡打开
<a href="https://www.baidu.com" target="_blank>访问百度</a>
你也可以使用刚刚所学的图像标签，将“访问百度”，替换成你自己所设置的图像，这样就完成了图片链接
扫一扫
2116
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
