HTML学习笔记
认识重要元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
元素 = 开始标记 + 内容 + 结束标记
1 html元素
用<html>和</html>标记以包围你的HTML，以此通知浏览器文件的内容是HTML。
2 head元素和title元素
例：html <head> <title>欢迎浏览我的博客</title> </head>
<head>,</head>这两个头部标记包含了你的网页信息，例如标题。
把标题（title）嵌入头部，通常标题会出现在浏览器窗口的顶部。
3 body元素
主体由<body></body>标记及它们之间的内容组成。
4 h1元素
如图所示
5 h2元素
例： <h2>终南别业</h2>
<h2>和</h2>包围着子标题，把
标题当成
子标题。
6 p元素
例：html <p> 行到水穷处，坐看云起时。偶然值林叟，谈笑无还期。 </p>
和
包围着一大块作为段落的文本，可以是一个句子或者很多句子。7 a元素
例：<a href="https://www.csdn.net">CSDN</a>
<a href="csdn.html">CSDN</a>
href属性用来指定链接的目的地；
在此链接中，浏览器会显示"CSDN"点击会跳转到"https://www.csdn.net"页面,或者自身创建的新的HTML文件"csdn.html"。
8 q元素
例：欢迎来到我的博客
用开始标记和
结束标记来包围每段引用，在网页中通常显示为斜体。
q元素尽量别跟引号重复使用，注意使用双引号会显示不正常。
9 br元素
在你需要换行的地方加<br>元素。
<br>元素为空元素
10 ol元素和ul元素
用<ol>或<ul>封装列表元素
使用<ol>元素封装列表，将显示为有序列表。如果使用
-
元素封装列表，则显示为无序列表。
11 img元素
例：<img src="images/drinks.gif" alt="drinks" >
img元素为内联元素前后不会插入换行，同时也是空元素。
src属性指定了要在网页显示图片的位置，alt属性的要求是一小段描述图像的文字，如果图像不能显示，就用这段文字代替。
例：<img src="https://tse2-mm.cn.bing.net/th/id/OIP.GoLktZaDB1negOdwwEACHwHaLd?w=124&h=193&c=7&o=5&pid=1.7" alt="哆啦A梦">
使用URL指定图像，只需把图像的URL放到src当中。
例：<img src="https://tse2-mm.cn.bing.net/th/id/OIP.GoLktZaDB1negOdwwEACHwHaLd?w=124&h=193&c=7&o=5&pid=1.7" alt="哆啦A梦" width="50" height="100">
还可以给图像指定宽度和高度。
12 blockquote元素
例：html <blockquote> 白日依山尽，<br> 黄河入海流。<br> 欲穷千里目，<br> 更上一层楼。<br> </blockquote>
blockquote是引用一段文字，并独立显示。而q元素则是剪短得“引用”文字得一部分。
13 style元素
14 form元素
15 input元素
16 textarea元素
17 select元素和option元素
18 button元素
例：<button type="button" onclick="alert('Hello World')">Click Me!</button>
注意：input，select，option，textarea, button都是表单元素，要跟form元素搭配使用。
19 table元素、tr元素、th元素、td元素
做表格需要用到table元素。
20 meta元素
例：html <head> <meta charset="utf-8"> <title></title> </head>
meta元素嵌套在<head>元素里，charset属性值为"utf-8"比较常见。
以上为HTML中比较常见的元素，如果对HTML感兴趣，可以点击链接https://www.w3school.com.cn/ 继续深入学习HTML。
2002
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
