一、HTML文件结构
<HTML>
<HEAD>
<title></title>
<meta>
</HEAD>
<BODY>
HTML 文件的正文
</BODY>
</HTML>
二、常用标签
<html></html> 创建一个HTML文档
<head></head> 设置文档标题以及其他不在WEB网页上显示的信息
<body></body> 设置文档的可见部分 bgcolor, background
<title></title> 将文档的题目放在标题栏中
<pre></pre> 创建预格式化文本
<h1>,<h2><h3>,
<h4>,<h5>,<h6> 标题元素
<b></b> 黑体
<i></i> 斜体字
<strong></strong> 加重一个单词（通常是斜体加黑体）
<font> 字体 Color,size
<a> 创建超链接、锚点 href：链接地址
name：锚点名字
<p> 创建新的段落 Align
<br>或者<br/> 换行
<ul><li><ol> 创建列表
<div> 一个用来排版大块HTML段落的标签
<img> 图像标签 src:源文件地址
width:宽度
height:高度
alt:说明文字
<hr> 水平线
<table></table> 创建一个表格
<tr></tr> 开始表格中的每一行
<td></td> 开始一行中的每一个格子
<th></th> 设置表格头：一个通常使用黑体居中文字的格子
1、<head>中常见子元素的含义 ,html注释<!-- -->
2、标题标记<hx>
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用，并且依据重要性递减。<h1>是最高的等级。例如:
<h1>文档标题</h1>
<h2>次级标题</h2>
搜索引擎比较重视<hx>标记中的内容。
3、文本标记<b><i><u><del>
<b>粗体显示
<i>斜体显示
<u>下划线显示
<del>中划线显示(删除效果)
4、预格式文本<pre>
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
5、字体标签<font>
<font> 规定文本的字体、字体尺寸、字体颜色。比如：
<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
<FONT SIZE="N"> ... </FONT> "N"有效值范围为1 - 7也就是说文字大小分7个等级。
<FONT SIZE=±"N"> ... </FONT> SIZE的默认值为3，我们也可以用±来对默认值进行加减。
5、换行<br/>或者<br>
<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
6、滚动标记Marquee
<html>
<head>
<title>my first page</title>
</head>
<body>
This is my first homepage!
<MARQUEE DIRECTION=RIGHT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200>
这是一个滚动字幕。
</MARQUEE>
</body>
</html>
7、水平线<hr>
<hr> 标签在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
注意：width 属性可以使用pixels像素值，也可以使用百分比。请注意它们的区别。如果是百分比，会随着窗口的变化，宽度也发生变化。像素值的话，窗口大小发生变化，水平线宽度也不发生变化。
8、超链接<a>
<a href=“5.htm”>5.htm</a> 超链接
图片作为链接。
<a href="lastpage.htm">
<img border="0" src=".\images\next.gif">
</a>
target属性(定义从什么地方打开链接地址 )
<a href="http://www.163.com/" target="_blank">163!</a>
锚标签和name属性
命名一个锚点：
<a name="label">Text to be displayed</a>
链接到锚点：
<a name="http://www.w3schools.com
/html_links.asp#label">Jump to the label</a>
创建邮件链接
<a href="mailto:test@163.com?subject=AboutHTML">
发邮件给我</a>
target在何处打开目标 URL。
_blank - 在一个新的未命名的窗口载入文档
_self - 在相同的框架或窗口中载入目标文档
_parent - 把文档载入父窗口或包含了超链接引用的框架的框架集
_top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架
9、列表标签<ul><ol><li><dl>
a、<ul> 标签定义无序列表。
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
b、<ol> 标签定义有序列表。
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
10、图像标签<img>
src:源文件地址 width:宽度 height:高度 alt:说明文字
11、内嵌<embed>
<embed>标记用于在页面中嵌入多媒体文件，但是用户计算机上需要事先安装相应的处理程序。
常用嵌入式文档的格式：mp3, mid, wma, asf, swf, flv, rm, ra, ram, avi
典型用法：
<embed src="ee.wmv" autostart="true" loop='true' hidden='false' width="100px" height="100px" />
autostart:是否自动播放嵌入的文件。
loop:是否循环播放。也可以取数字，表明循环多少次。
hidden:是否显示播放器。
12、表格标签<table><tr><td><th>
<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
th 元素内部的文本通常会呈现为粗体，有时候很少用它，直接<td>用css控制显示文本
13、块元素<div>
<div> 可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。
在CSS的学习中，我们会详细讲述<div>的用法。
三、表单标签
表单元素 标签 描述
文本框 <INPUT TYPE=‘text’ …> 输入一行文本
密码 <INPUT TYPE=‘password’ …> 输入一行文本，但不可见，只以星号显示
单元按钮 <INPUT TYPE=‘radio’ …> 只能选择一个选项
复选框 <INPUT TYPE=‘checkbox’ …> 可以选择一个或多个选项
隐藏域 <INPUT TYPE=‘hidden’ …> 该域的值对用户不可见，但会提交给服务器
下拉列表 <SELECT …>
<OPTION …> … </OPTION> (可以放多个option)
</SELECT>
文本域 <TEXTAREA …>…</TEXTAREA> 可以输入多行文本
提交按钮 <INPUT TYPE=‘submit’> 提交表单
普通按钮 <INPUT TYPE=‘button’>
重置按钮 <INPUT TYPE=‘reset’> 重置表单信息
基本功能：收集用户填写的数据，然后提交到服务器上。
1、要提交数据的表单域必须加name属性。不然，该表单域的数据不会提交到服务器上[一定要注意，只有不想提交的才不写 如：button,submit按钮]。
文本框：
<input type="text" name="uname"[最好习惯上属性值都加上引号，不加在结束时容易name的值为uname/] value="333" size="30"[文本框的宽度] maxlength="10"[最多可输入的字符。这里是：unicode字符。一个汉字和一个字母都算一个字符。] />
密码框：（跟文本框的用法基本一致，除了页面上以星号显示）
<input type="password" name="pwd" />
单选按钮(用于多选一的情况)：
性别：<input type="radio" name="gender" value="1" />男
<input type="radio" name="gender" value="0" />女
1、单选按钮是分组的， name相同即为一组。 一组只能选中一个按钮。
2、value：如果不增加value属性，选中该按钮提交时默认为：on，而不是空字符串。所以，建议大家使用单选按钮一定要指定value.
复选框(用于多选多的情况)：
喜欢编程语言：<br />
<input type="checkbox" name="favorite"/> JAVA
<input type="checkbox" name="favorite" value="2"/> C++
<input type="checkbox" name="favorite" value="3"/> RUBY
<input type="checkbox" name="favorite" value="4"/> C
3、 复选框是分组的， name相同即为一组。 可同时多个复选框
4、value：如果不增加value属性，选中该按钮提交时默认为：on，而不是空字符串。
5、选中的选项会被传递成多个同名不同值的参数。
下拉列表（实现多选一[选项较多时，选用；选项少时，用单选按钮组。] 或多选多的效果。）：
国籍：<br />
<select name="country" multiple[可以通过multiple属性实现多选多。一般不用。]>
<option>China</option>[如果该option不写value.选中该option后提交option的文本。]
<option value="2">America</option>
<option value="3">France</option>
</select>
1、当<option>没有指定value属性。如果被选中，则提交<option>中的提示文本，而不是On或空字符串。
注：单选按钮、复选框默认选中用：checked属性。 下拉列表使用：selected属性。
隐藏域：[一般用于，不需要用户输入，但是服务器需要得到该数据时。]
隐藏域：<input type="hidden" name="hid" value="55"/> <br />
多行文本域：
<textarea name="introduce" rows="4" cols="40"> [这是该文本域的默认值。]</textarea>
重置按钮：将各表单域的值恢复为默认值。
提交按钮：提交表单数据。
图片按钮：提交表单数据，通过单击指定的图片提交表单。例如：
<input type=image src=”1.jpg” />
分享到：
相关推荐
1、资源内容地址：https://blog.csdn.net/abc6838/article/details/143720369 2、数据特点：今年全新，手工精心整理，放心引用，数据来自权威，且标注《数据来源》，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 4、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理
CPPC++_更好的Windows字体渲染
10018
cppc++
二环北路东段欣心家园小区商业B段(中石油加油站东邻).m4a
cppc++
C2005
Python课程设计之高校教务系统
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
10023
使用QUndoStack撤销栈实现QTreeWidget删除item及撤销、重做
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
Python课程设计之飞机大战3.zip
SpringBoot分布式事务
CPPC++_tensorort for yolo系列YOLOv10YOLOv9YOLOv8YOLOv7YOLOv6Y
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
收录了「IT无知君」CSDN博客中涉及的Java项目源码，还有许多的开发工具类，都是我自己在用在不断维护的，需要请进！
CPPC++_更新你的CFW作弊码固件，更直接地从你的任天堂交换机
test-dadfateq