HTML及游览器查看页面源代码和元素的功能

编程知识更新时间:2023-04-04 21:33:43

HTML 超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。它的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。示例如下

<!DOCTYPE html> 
<html> 
	<head>
		<meta charset="utf-8"> 
		<title>标题1</title>
		<style type="text/css">
			/* 设置CSS样式 层叠样式表 (Cascading Style Sheet)，可以使人更能有效地控制网页外观*/
			h2 {
				color:red;
			}
		</style>
	</head>
	<body>
		<h2>标题2</h2>
		<input type='text' name='input' placeholder="文本输入框">
		<input type='submit' value='按钮'>
	</body>
</html>

游览器的两个功能
1.查看页面源代码：查看被浏览器解析后的HTML源码，右击，选中查看页面源代码。
2.查看元素/检查：
Elements(元素)选项可以查看被浏览器解析前的页面源码，并可以更改源码；
Console(控制台)选项可以调试页面的JavaScript代码。
如果提交如下一段JavaScript代码：