关于对部分html学习的总结_html实训报告结束语-CSDN博客

本文链接：https://blog.csdn.net/sugger_99/article/details/111161748

HTML

超文本标记语言
Hyper Text Markup Language

思维导图

打开

1、新建文件
2、保存文件名以.html结尾
(扩展名为html的文件是一种超文本文件，也可以称为网页文件。)

代码解释1

<!DOCTYPE html> 
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<br/>
</body>
</html>

Document 文档
Type 类型
Language —lang 语言 en 英文 zh-cn中文
<html>……</html>双标签
<meta> 单标签<br/>
Head 表示html的头的部分
Body 表示html的正文的部分
UTF-8 ----Unicode码全世界的通用码

Meta —metadata 源数据
Title 表示文档的标题

Hn 标签表示文本的标题
N的取值范围 1-6
H1----h6
N的取值越大字体越小加粗

<br/>换行

表单

Form—表单
该标签一般不会单独使用会和input标签联合使用

属性：** action=“url” **
url 表示路径

file:///D:/code/css/2.html?username=zhangsan&pwd=123
? 目标文件的结束标识
& 属性连接符

Get请求和Post请求有什么区别？
两种请求方式都是能够让后台接受到数据的
Get请求不安全会把name属性的值暴露在地址栏上地址栏默认大小为64kb

Post请求安全不会再地址栏上暴露name属性的值

路径

绝对路径：从盘符开始要描述的文件路径路径+文件的名称
相对路径：当前源文件和目标文件的相对路径位置

按钮、选择框

<input type=”” name=””>
Text ----文本框

Password ----密码框

Submit ----提交按钮

Radio ----单选框

Checkbox ----多选框

Reset 重置按钮

Button 普通的按钮

Select 标签选择框
多选使用multiple属性

文本域：textarea
rows 表示行数
cols 表示列数

对中文本控制

<br/>换行

<div> 网页的分区的显示

<p>对行的控制

<bgcolor>背景颜色
（英文单词：red green blue black
十六进制：#rrggbb 0-f #000000 -#ffffff
Background 使用图片作为背景（不建议使用））

<a>链接可以进行页面跳转默认为get请求
[锚点：使网页的展示到达某一个定位的地点
<a href="#D1"></a>
<a name="D1"></a>

<img>
<img src="图片路径" alt="代替文字" width="宽度" height="高度">
width 宽度
height高度
该两个属性可以控制图片的大小单位可以使用XXpx 100%

<map>定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。

<area>标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。
area 元素总是嵌套在map标签中。

表格布局

表格布局：通过表格来对网站进行整体的布局，这种布局目前来讲已经被淘汰了

主要使用的就是表格的标签
Table ----表格
Tr ----表行
Th ----表头
Td -----表元

列表

有序列表

<ol>
  <li></li>
</ol>

reversed
reverse------反转
type类型中可以使用数字字母以及罗马数字

无序列表

<ul>
  <li></li>
</ul>

定义列表

 <dl>
	<dt>今天</dt>
	<dd>The day of today</dd>
	<dt>明天</dt>
	<dd>The day after today</dd>
</dl>

视频和音频

视频<vedio>
<video src="路径" controls="controls"></video>

音频<audio>
<audio src="路径" controls="controls"></audio>

多窗口框架

一个页面可以显示多个窗口
4.0 版本<frameset> 多窗口
5.0版本中<iframe>内嵌窗口

注意：如果要使用frameset标签那么它不能和body标签连用

常用的但是意义不明确的标签注释也是必不可少的

<nav> 导航
<slide>侧栏
<header>头部
<footer>底部增加代码的可读性
<label> 标记标签通常和表单中的文本框
<span> 用于修饰文本