HTML
HTML
HTML是一门语言,所有的网页都是用HTML这门语言编写出来的
HTML:超文本标记语言
超文本:超越了文本的限制,比普通文本更强大,除了文字信息,还可以定义图片、音频、视频等内容
标记语言:由标签构成的语言
HTML运行在浏览器上,HTML标签由浏览器来解析
HTML标签都是预定义好的。例如:使用<img>展示图片
W3C标准:网页主要由三部分组成
结构:HTML
表现:CSS
行为:JavaScript
HTML快速入门
- HTML文件以.htm或.html为扩展名
- HTML结构标签:
<HTML>定义HTML文档
<head>定义文档的信息
<title>定义文档的标题
<body>定义文档的主体
- HTML不区分大小写
- HTML标签属性值 单双引皆可
- HTML语法松散
HTML基础标签
<h1>-<h6>
<font>定义文本的字体、字体尺寸、字体颜色
<font face=”楷体” size=”5” color=”#ffc0cb”>乾坤未定</font>
<b>定义粗体文本
<i>定义斜体文本
<u>定义文本下划线
<center>定义文本居中
<p>定义段落
<br>定义拆行
<hr>定义水平线
图片、音频、视频标签
<img>定义图片:
src:规定显示图像的URL(统一资源定位符)
Height:定义图像的高度
Width:定义图像的宽度
<autio>定义音频
src:规定音频的URL(统一资源定位符)
Controls:显示播放控件
<video>定义视频
src:规定视频的URL(统一资源定位符)
Controls:显示播放控件
资源路径:1.绝对路径
2.相对路径
尺寸单位:1.px像素
2.百分比:-->
<a>超链接标签
Href:指定访问资源的url
Target:指定打开资源的方式
_self:默认值,在当前页面打开
_brank:在空白页面打开
列表标签
<ol>有序列表
<li>定义列表项
<ul>无虑列表
表格标签
Table:定义表格
Border:规定表格边框的宽度
Width:规定表格的宽度
Cellspace:规定单元格之间的恐怖
Tr:定义行
Align:定义表格行的内容对齐方式
Td:定义单元格
Rowsapn:规定单元格可横跨的行数
Colspan:规定单元格可横跨的列数
Th:定义表头单元格
布局标签
<div>:用于定义HTML文档中的一个区域部分,经常与CSS一起使用,用来布局网页
<span>用于组合行内元素
表单标签
表单:在网页中主要负责数据采集功能,使用<form>标签定义表单
表单项(元素):不同类型的input元素,下拉列表,文本域等
<form>定义表单
<input>定义表单项,通过type属性控制输入形式
<label>为表单项定义标注
<select>定义下拉列表
<option>定义下拉列表的列表项
<textarea>定义文本域
Form:定义表单
Action:规定当提交表单时向何处发送表单数据,url
Method:规定用于发送表单数据的方式
Get:浏览器会将数据直接附在表单的action URL之后。大小有限制
Post:浏览器会将数据放到http请求消息体中。大小无限制
表单标签-表单项
Type取值
Text 默认值,定义单行的输入字段
Password 定义密码字段
Radio 定义单选按钮
Checkbox 定义复选框
File 定义文件上传按钮
Hidden 定义隐藏的输入字段
Submit 定义提交按钮,提交按钮会把表单数据发送到服务器
Reset 定义重置按钮,重置按钮会清除表单中的所有数据
Button 定义可点击按钮

浙公网安备 33010602011771号