本文是HTML学习笔记的第一部分，主要介绍了HTML的基本概念，包括它是一种标记语言，而非编程语言。讲解了HTML标签的使用，如成对出现的开始和结束标签，并通过实例展示了如何创建简单的HTML页面。此外，还提到了特殊字符的替代方法，如用`<`和`>`代表小于号和大于号，并讨论了和标签的功能。最后，简要概述了一些常见的HTML标签，如换行符陪领导吃饭，把领导全部喝趴了。然后每个人都有人接回家，唯独我没有，当时走着去路边打车，被风一吹终于忍不住了，直到吐干净了，劲过去了，已经是凌晨四点了，摸摸手机，零条短信，零条来电，只有那棵树整整支撑了我五个小时。。。。
---- 网易云热评
一、概念
HTML是超文本标记语言，不是一种编程语言，标记语言是一套标记标签，使用标记标签来描述网页，HTML文档也叫做 web 页面
二、标签
标签通常被称为HTML标签，是由尖括号包围的关键词，比如 <html>，通常是成对出现的，比如 <b> 和 </b>，第一个标签是开始标签，第二个标签是结束标签
三、web浏览器
Web浏览器（谷歌浏览器，IE，Firefox）是用于读取HTML文件
1、我们新建一个html文件，用记事本打开，输入以下内容：
<html>
<head>
<title>hello word</title>
</head>
<body>
<h1>这里是标题</h1>
<p>这里是段落</p>
</body>
</html>
2、用web浏览器打开显示以下内容
3、右击网页，查看源代码，发现和我们写在记事本的呢日用一样
四、特殊字符
如果直接输入<>,就会报错，所以我们需要用特殊字符替代特殊符号
例如："<"、">"代表<>
代表空格
<h1>这里<是>标题</h1>
<p>这里是 段落</p>
五、标签介绍
<head>里面可以添加的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
例如：
<head>
<meta charset="utf-8"> <!--定义网页编码格式-->
<title>hello word</title>
</head>
<title>定义了浏览器工具栏的标题，当网页添加到收藏夹时，显示在收藏夹中的标题，显示在搜索引擎结果页面的标题
例如：<title>hello word</title>，收藏该网页的时候会自动命名Wiehello word
<body>定义文档的主体，包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）
例如：
<body style="background-color:#8A2BE2;"> <!--网页背景颜色设置成紫色-->
<h1>这里是标题</h1>
<p>这里是段落</p>
</body>
<br> 换行标签
<pre> 文本通常会保留空格和换行符。而文本也会呈现为等宽字体
<a>标签定义超链接，用于从一个页面链接到另一个页面，元素最重要的属性是 href 属性
例如：<a href="https://www.baidu.com/">百度</a>，点击百度就会跳转到百度网站
<ul>无序列表
<ul>
<li>好好学习</li>
<li>天天向上</li>
<li>好好学习</li>
<li>天天向上</li>
</ul>
<ol>有序列表
<ol>
<li>好好学习</li>
<li>天天向上</li>
<li>好好学习</li>
<li>天天向上</li>
</ol>
<hn>标题标签，一共6级
<h1>好好学习</h1>
<h2>天天向上</h2>
<h3>好好学习</h3>
<h4>天天向上</h4>
<form>表单标签
<form>
name:
<input type="text" name="name">
pass:
<input type="text" name="pass"></br>
<input type="submit" name="提交">
</form>
禁止非法，后果自负
欢迎关注公众号：web安全工具库
494
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
