本文详细介绍了HTML的基本用途和常见元素，包括标题、段落、链接、图像、表格、文本操作、列表、标签等，帮助初学者理解网页内容的构造。HTML作为网页内容的主要书写语言，与CSS结合使用能实现网页的美观展示。
HTML主要干什么
html主要用于书写网页上的内容，就像网址上写作文一样，它主要负责网页的主要内容，当然，它自然不属于编程语言喽。
用到的软件
HBuilder就很不错
https://m.xitongzhijia.net/soft/214634.html
当然，其他的也是可以的。
模版
它跟那些编程语言类似，也有一些东西是固定要写的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZONGXP</title>
</head>
<body>
<h1>这是标题</h1>
<p>这是段落</p>
</body>
</html>
第一行是告诉浏览器这是用html5书写的
第二行这个是开始的意思
utf-8那个是告诉浏览器中文等等语言长啥样子，没这个浏览器就不知道
中文是啥样子，就出现乱码
head到/head是网页地址那里的内容
body到/body是网页内容部分
编写这些是很有意思的事，<>这个符号就像是工具，里面写什么
就是什么工具
<>代表我要用工具啦
</>代表我用完了，放回去。
所以body，也就是网页的具体内容部分，我用的两个工具，h1和p
第一个是标题的意思，第二个是段落的意思
工具有哪些
html可以说是个文科了下面都是些工具，背过它们，并且收敛掌握
你就毕业啦，是不是觉得很轻松呢？
标题类工具
h1到h6都是可以用的，h1的字最大，h6字最小
<body>
<h1>标题 1</h1>
<h2>标题 2</h2>
<h3>标题 3</h3>
<h4>标题 4</h4>
<h5>标题 5</h5>
<h6>标题 6</h6>
</body>
它们都写在body里面，因为是给别人看的鸭。
长这样
h1标题
h2标题
h3标题
h4标题
h5标题
h6标题
段落
作文的题目有了，这回是正文了
<p>没错，这就是一个段落</p>
是不是觉得有点简单
链接
通常点击一个地方，就跳转到别的网页里了它是这样制作的
<body>
<a href="https://blog.csdn.net">博客</a>
</body>
网页上会显示两个字博客，你一点就跳转了但是现在的网页也就没了
要想在别的页面打开就这样
<a href="https://blog.csdn.net">target=_blank</a>
target是告诉浏览器该页面的打开方式
_self 是在当前窗口打开链接
_blank 是在一个全新的空白窗口中打开链接
_top 是在顶层框架中打开链接
_parent 是在当前框架的上一层里打开链接
图像
要添加图片才有美感
<body>
<img src="图片类型" width="宽" height="长" />
</body>
引号里面分别是图像名称，大小
表格
表格由table标签括起来。
<table>
<tr>
<th>标题1</th>
</tr>
<tr>
<td>第一行第一列</td>
<td>第二列</td>
</tr>
<tr>
<td>第二行第1列</td>
<td>第二行第2列</td>
</tr>
</table>
tr 代表行，td代表列，th是表格的标签
更多工具
以上是基本内容了，下面是一些更高级的工具
文本的操作
br（换行）
hr（水平线）
b 粗体文本
code 计算机代码
em 文本斜体
strong 文本加粗
i 斜体文本
kbd 键盘输入
pre 预格式化文本
small 文本变细
abbr （缩写）
address （地址信息）
bdo（文字方向）
del （删除文本）
ins （插入文本）
sub （下标文本）
sup（上标文本）
列表
<ul>
<li>内容</li>
<li>内容</li>
</ul>
这是无序列表，没顺序
<ol>
<li>内容</li>
<li>内容</li>
</ol>
这个是有序的
标签
标签就是藏一些东西的地方，它就像书架，做一个分类
input标签
一共六种
文本框
<input type="text">
密码框
<input type="password">
单选框
<!-- 干啥 默认选中的是玩-->
<input type="radio" checked="checked">玩
<input type="radio">睡觉
复选框
<input type="checkbox">玩
<input type="checkbox">睡觉
<input type="checkbox">吃饭
这俩好像啊
按钮
<!-- 以弹窗的形式，显示吃饭 -->
<input type="input" value="按钮的内容" onclick="alert('吃饭')">
选择文件
<input type="file">
label标签
是对上面的优化，可以实现不点击框，点击其他地方也能点到框
主要为了框太小考虑
<input type="radio" id="吃饭" name="吃饭">
<label for="吃饭">吃饭</label>
select标签
也叫下拉菜单
<select>
<option selected="selected">玩</option>
<option>睡觉</option>
<option>吃饭</option>
</select>
默认是玩
textarea标签
也叫评论区
<textarea rows="30" cols="20">这里是评论的内容</textarea>
rows和cols可以调整大小
独占一行和并排标签
说白了，就是自己占用用一行和可以和别人共享一行的标签
<div>d独占一行</div>
<span>不会独占一行，后面可以再写一个其他东西</span>
完啦
这些基本知识你掌握了吗？
html写完后网页并不好看，因此还得用css美化一下
所以说html与css就是左右手嘛
扫一扫
2892
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
