HTML基本概念

最新推荐文章于 2022-11-05 12:39:07 发布
最新推荐文章于 2022-11-05 12:39:07 发布
阅读量112 收藏
点赞数
分类专栏： HTML知识总结 文章标签： html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52344261/article/details/111972689
版权

文章目录

1.HTML的概述

  1. 概念： hyper text markup language 超文本标记语言

     * 超文本：超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
 * 标记语言：用<>括起来的一个单词或字母就称为标记，每个标记都会有固定的含义标记又称为标签。标签又分为开始标签和结束标签。表达了从开始标签到结束标签之间的内容需要显示的结果。开始标签就是<>，结束标签时</>，大部分标签都是成对出现的，但个别标签没有结束标签。
 * 特点
 	* HTML是一个弱势语言（语法要求不严格）
 	* HTML不区分大小写
 	* HTML标签直接由浏览器解析执行
 	* HTML是一个解释性语言（Java是编译解释性语言）

2.HTML的术语

	* XHTML：符合xml语言标准的HTML
	* 首页（主页）：一个网站的第一个页面
	* dhtml：dynamic（动态的）。HTML+CSS+js
	* 元素：HTML标签和标签中的内容
	* 协议：http协议。ftp文件传输协议，smtp邮件传输协议

3.HTML的结构

每个页面分为三部分：
	* 声明部分：作用就是声明页面中的编写标准采用的是哪个标签
	* head部分这部分在页面看不到，作用是用来声明一些额外的页面信息，这些信息可以在服务端获取到。
	* body部分：这部分内容是在浏览器当中显示的内容

4.HTML的标签

我们在理解的时候，可以把标签理解为对象。
属性就可以分为私有的公有的
	* 公有的是可以写在任意标签中。
	* 私有的只能是在本标签使用。

注意
	* HTML中单位只有一种，就是像素
	* 所有的浏览器默认都会忽略空格和空行

1.排版标签

	1. <p>:段落标签，单独占据一行
			align:对齐方式，left，center，right
	2. <br>:换行标签
	3. <hr>:线段
			color：颜色
			width：长度
				* 相对写法就是%，占据浏览器的百分比
				* 绝对写法指定长度是多少像素
			size：粗细
			align：left，center，right
	4. <pre>:预格式化标签
	5. <div>：块级标签,单独占据一行
			align：left，center，right
	6. <span>:不换行

2.字体标签

	1. <h1>...<h6>：字体大小
	2. <font>:字体标签（被弃用）
			color：颜色（英文单词（red，green...），16进制（FF0000），RGB）
			size：字体大小
			face：字体类型
	3. <b>,<strong>:粗体
	4. <i>:斜体
	5. <u>:下划线
	6. <s>:中划线
	7. <sub>:上标
	8. <sup>：下标

3.图片标签

	1. <img>:图片路径
			src：指定图片的路径
					相对路径是相对于页面的路径
					绝对路径是从盘符开始的路径或网络路径
			border：边框
			width：宽度
			height：高度
			title：提示性文本

4.超链接标签

	1. <a>:超链接标签
			href:点击链接去什么地方
			target:目标，用来指定如何显示目标页面
					_self:默认，在当前浏览器显示目标页面
					_blank:在新的浏览器打开目标页面
					_parent:在父窗口中显示目标页面
					_top:在顶级窗口中显示目标页面
	2. 超链接的分类
			1. 外部链接：链接到另外的一个页面
			2. 锚链接：链接到本页面或者另一个页面特定的某个位置
			3. 邮件链接：链接到电子邮箱

5.列表标签

	1. <ul>:无序列表
			<li>:清单项
			type：三个值，disc（实心圆，默认值）,square（实心方形）,circle（空心圆）
	2. <ol>:有序列表
			type:1 A a I i
			start:从几开始
	3. <dl>：定义清单 
			<dt>:标题
			<dd>:相当于li标签

6.框架标签

	1. <iframe>：在浏览器中嵌入另一个页面
			src：表示到另一个页面的地址
			width：宽度
			height：高度
			scrolling：是否加入滚动条

7.表格标签

	1. <table>:代表一个表格
			border：边
			width：宽度
			height：高度
			bgcolor:背景颜色
			backgrund:背景图片
			cellpadding:单元格到内容到边的距离
			cellspacing:单元格到单元格的距离，相当于边的粗细
	2. <tr>:行
			bgcolor:背景颜色
	3. <td>:单元格
	4. <th>:加粗的单元格，相当于<td><b>内容</b></td>
			align：横向的左，中，右
			valign：纵向的顶，中，底部
	5. 单元格的合并：
			rowspan：行的合并
			colspan：列的合并
	6.  <thead>，<tbody>，<tfoot>
		区别：1.当写了<thead>，<tbody>，<tfoot>这些标签后，浏览器按照顺序进行解析
			 2.对于图片，网速很慢时，服务端传输一点，就显示一点。

8.表单标签

表单：搜集信息，发送信息。

	1. <form>:表单标签
			* action:用来指定表单信息提交到的目的地
			* method:提交的方式。get post
					get
						1. 请求参数会在地址栏中显示，会封装到请求行中
						2. 请求参数大小有限制
						3. 不太安全
					post
						1. 请求参数不会再地址栏中显示，会封装在请求体中
						2. 请求参数大小没有限制
						3. 较为安全

	2. 表单控件的标签名都是input，用type属性来区分不同的控件
		 1. 三种文本框：
			text：普通的文本框  默认值
			password：密码框
			hidden：隐藏框，用于提交一些信息
				属性：size：文本框的长度（单位是个字符）
					 maxlength：内容的最大长度
				 	 value：文本框的默认显示内容
				 	 name：给控件起的名字
				 	 readonly：只读
				 	 placeholder：提示信息
			file：文件选择框

		2. 两种选择框：
			radio：单选
				注意：
					1. 要想让多个单选框实现单选效果，则name属性值必须一样
					2. 一般会给每一个单选框提供一个value属性，指定被选中后提交的值
					3. checked属性，指定默认值
			checkbox：复选框
				注意：
					1. 一般会给每一个单选框提供一个value属性，指定被选中后提交的值
					2. checked属性，指定默认值
		 3. 一种下拉框：
			<select>:下拉框
				<option>:下拉框选项
					* selected：默认选择		
		 4.一种多行文本框：
			<textarea>:多行文本框
				cols:设定有几列
				rows:设定有几行
		 5. 四种按钮
			button：普通按钮   用来和js进行交互
			submit：提交按钮
			reset：重置按钮
			image：图片按钮
		 <lable> 指定输入项的文字描述信息
			注意：lable的for属性值一般会和input的id属性值对应
		 <button>:普通按钮相当于<input type = button>

9.多媒体标签

	<bgsound>:背景音乐
	<video><video/>
	<marquee>跑马灯

10.头标签

	<html>:html文档的根标签
	<head>:头标签，用于指定HTML文档的一些属性，引入外部资源
	<title>：标题标签
	<body>：体标签

以上基本就是需要学习的HTML大部分标签，如有疏漏或者错误，敬请指正。

邮你拥抱
关注
专栏目录
HTML——基本标签 ※
Junds0的博客
12-27 1183
任务描述本关任务：完成编写创建第一个 HTML 标签的小程序。相关知识。
从零入门机器学习之基础概念讲解：深入浅出讲解计算机基本概念
热门推荐
herosunly的博客
11-05 3万+
本文是从零入门机器学习的第二篇文章，主要内容是讲解计算机基本概念，之所以要讲解上述内容，主要是由于在后续学习和工作中都会用到以上概念，所以必须提前进行学习。希望能对大家有所帮助。 文章目录 1. 硬件 1.1 PC -> 服务器-> 集群 -> 云 1.2 CPU 1.2.2 查看CPU的统计信息 1.2.2 查看单个CPU的信息 1.3 硬盘 1.4 内存 2. 计算机网络常用概念 2.1 IP地址 2.2 MAC地址 2.3 域名 2.4 DNS服务器 2.5 URL 2.6 安全查询 3. 参考文献
PyQt5 加载gif动画
ros_tyler的博客
05-09 2000
PyQt5 加载gif动画 #!/usr/bin/envpython #-*-coding:utf-8-*- fromPyQt5.QtWidgetsimportQApplication,QWidget,QLabel fromPyQt5.QtGuiimportQIcon,QMovie fromPyQt5.QtCoreimportQt importsys classM_Win(QWidget): def__init__(self...
html&css的简单了解
m0_50496669的博客
09-07 1292
html&css html： 常用的标签： div、p、ul li、ol li、h1-h6、a、span、b、u、i、input（属性text、number、password、radio、checkbox、submit、reset）、form、select>option、textarea h5(新标签）：header、nav、footer、main、section、video、audio、input（color、range、week、date） 标签的分类： 单双标签：单标签没有与之对
HTML
suifeng_erqu的博客
01-18 206
** HTML 简介 ** ** 实例解析 ** 1. 声明为 HTML5 文档 2. 元素是 HTML 页面的根元素 3. 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。 4. 元素描述了文档的标题<br/> 5. 元素包含了可见的页面内容<br/> 6.<h1> 元素定义一个大标题<br/> 7.<p> 元素定义一个段落</p> </h1>** 什么是HTML ? ** HTML 是用来
html文件的基本标记组成,简述HTML文件的基本标记组成。
weixin_39607798的博客
06-20 89
[单选] 单位面积上的内力叫()。[单选] 数控的英文缩写是()。[单选] 当开关接通时，电路内产生电流，负载正常工作，此电路称为()。[单选] 原木本身有大小头，大头放在内力()的支座节间。[单选] 落叶松、红松、和()，三者性质差异很大，不能混合使用。[问答题,简答题] 什么是偏心受拉构件？[单选] 晚材又叫()。[单选] 在木结构中，屋架间距应控制在()左右，最大不应超过4m。[单选] 表示...
数据结构的基本概念和术语，算法的时间复杂度.html
03-31
数据结构的基本概念和术语，算法的时间复杂度，讲述了数据结构的一些概念点，也就是最基本的一些东西，还有如何计算算法的时间复杂度之类的一些问题及举例
Html标记使用的基本概念.doc
10-12
Html标记使用的基本概念.doc
Web基本概念
m0_68006260的博客
03-26 1953
一、互联网 互联网（英语：Internet），又称网际网络，或音译因特网(Internet)、英特网，互联网始于1969年美国的阿帕网。是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。通常internet泛指互联网，而Internet则特指因特网。这种将计算机网络互相联接在一起的方法可称作“网络互联”，在这基础上发展出覆盖全世界的全球性互联网络称互联网，即是互相连接一起的网络结构。互联网并不等同万维网，万维网只是一建基于超文本相互链接而成的全球性系统，且是互
计算机类2016-2018 离散数学作业02-命题逻辑基本概念-ANSWER(1).html
04-14
计算机类2016-2018 离散数学作业02-命题逻辑基本概念-ANSWER(1).html
Cron表达式选择器JS插件
03-13
基于BootStrap简洁美观Cron表达式选择器JS插件，只需要在项目中将JS文件导入和基本的BootStrap控件就可以运行，具体可看里面的demo.html
基于BootStrap简洁美观Cron表达式选择器JS插件
01-31
基于BootStrap简洁美观Cron表达式选择器JS插件，只需要在项目中将JS文件导入和基本的BootStrap控件就可以运行，具体可看里面的demo.html
HTML---基本标签
最新发布
Ywyyy231128的博客
11-05 240
分析：title标签是head标签的内部标签，其中标签内定义的内容是页面的标题。是段落标签，用于定义一段文字。如下：title标签，meta标签，link标签，style标签，script标签，base标签。---->又叫注释标签。--表示注释的开始,-->表示注释的结束。b.html标签对：c.head标签对：d.body标签对：A.title标签(定义网页的标题）
Flex 最全的换行 制表符 回车 空格 特殊符号
帆软爱好者的专栏
04-02 2670
<br />出自：http://www.myflexhero.com/share/flex-hero-flex4/flex-hero-coding-techniques/<br />字符 十进制字符编号 实体名字 说明<br />— — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unu
HTML01之HTML基本知识和语法等
qq_45976736的博客
01-10 858
HTML基本知识 1.什么是html? HTML是HyperText Markup Language(超文本标记语言)的简写，不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造页面。由一系列HTML元素组合成Web开发人员想要的简单或者复杂的页面。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示...
一篇文章带你了解webscraper爬虫插件
pdcfighting的博客
04-21 602
点击上方“Python爬虫与数据挖掘”，进行关注回复“书籍”即可获赠Python从入门到进阶共10本电子书今日鸡汤夜阑卧听风吹雨，铁马冰河入梦来。神秘的工具到底是啥？ 最近看到很多...
HTML入门1-基本标签
Lexi_Alexander的博客
09-14 626
1.基本标签1.文档声明2.HTML标签3.head标签1.1 head标签 #1.1 HTML结构 <!DOCTYPE html> <!--文档声明--> <html> <head> <!-HTML标签对 页头html标签对--> </head> <body> <!-HTML标签对 页身html标签对--> </body> </html> 一个完整的HTML页面，其实就
HTML总结
pickMe_的博客
09-09 343
HTML总结 一、HTML的定义 HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。 二、HTML标签元素 HTML元素由开始标签和结束标签组成。如<p>/<p>,<h1><h1/>。虽然现在我们还不知道具体标签代表的意思，但标签
HTML入门教程：了解HTML基本概念和文件结构
HTML基础知识点总结 HTML是HyperText Markup Language的缩写，译为超文本标记语言。它是一种简单的标记语言，用来制作超文本文档...HTML文档的基本结构和元素是HTML语言的基础，理解这些基础知识点是学习HTML的基础。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值