初识HTML

最新推荐文章于 2024-10-02 17:15:49 发布

```???

最新推荐文章于 2024-10-02 17:15:49 发布

阅读量84

点赞数 2

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/zd_88888/article/details/103314256

版权

HTML5 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.html 文件主体结构

HTML里面通过标签来定义网页，而标签又分为单标签和双标签

<!doctype html>  				html 文档声明头，用来告诉浏览器我写的是H5的代码
 <html></html>					根标签，所有html标签的老祖宗
<head></head>					用来设置网页的一些基本信息，给浏览器看的
<meta charset="utf-8">			设置当前网页的编码,让我们的中文不乱码
<title></title>					网页的标题
<body></body>					网页的主要内容，给用户看的信息

2.html标签分类

语义(核心)：从标签代表的意义上选择使用不同的标签，而不是根据标签的样式来决定

	<p></p>			段落标签
	<br>			换行标签
	<hr>			换行分割线
	<b>				变粗的内容</b>只显示加粗
	<strong>		强调的内容</strong>突出的文本 强调优先级高
	<i></i>			倾斜文本
	<em></em>		强调文本  带有引用效果
	<u></u>			下划线
	<del></del>		删除线
	<s></s>			删除线
	<sub></sub>		居下，缩小字体
	<sup></sup>		居上，缩小字体

3.空白折叠

当我们在代码中写了很多空格，最终体现在网页上的只有一个空格
如果需要使用空格，应使用&nbsp；进行空格

4.自动换行

	网页中，无论英文中文，浏览器自动会甄别当前词汇是否已经结束，如果没有结束，并且后面空间不足以容下一个词汇，那么浏览器会自动换行。
	如果你在写英文的时候，没有使、用空格，那么浏览器就不会帮你把内容换行。
	Tip：浏览器是如何断定词汇的？
	通过空格

5.列表

1.无序列表：
	ul
	   li
	从语义的角度讲没有先后顺序
2.有序列表：
	ol
		li
	从语义的角度讲是存在先后顺序

6.全局属性

	除了基本的结构标签，例如<html><body>之类的可见标签都可以设置这个属性

7.form表单

	作用：
		登录，注册，搜索。。。
	用法：
		通过form标签  input标签组合使用
	用户名文本：text
	密码：password
	提交：submit value(按钮内容)
	重置：reset
	单选框：type=“radio”
	多选框：type=“checkBox”
	默认选项：checked
	提示文本：placeholder