HTML

最新推荐文章于 2023-03-29 15:11:45 发布

weixin_44322364

最新推荐文章于 2023-03-29 15:11:45 发布

阅读量106

点赞数

分类专栏：前端基础 HTML

本文链接：https://blog.csdn.net/weixin_44322364/article/details/87295788

版权

前端基础同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

HTML

3 篇文章 0 订阅

订阅专栏

HTML概述：
1.标记语言：指的是通过一组标签的形式描述事物的一门语言
2.超文本：比普通的文本更强大
HTML的作用：
HTML是用来制作页面（静态页面）。
HTML的结构标签
跟标签：< html> < /html>
< head>–html的头标签
< body>–html的体表签
HTML的字体标签
< font>标签：HTML中的文字标签
< font>标签属性：
<标签属性名=“属性值”></标签>
属性：
color属性：字体颜色
size属性：字体的大小
face属性：字体

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>hello HTML</title>
	</head>
	<body>
		<font color="red" size="1" face="楷体">我是html</font><br/>
		<font color="aqua" size="2" face="宋体">我是html</font><br/>
		<font color="black" size="3" face="仿宋">我是html</font><br/>
	</body>
</html>

HTML的排班标签
1.标题标签: h标签< h1>…< h6>
2.段落标签：p标签
3.字体加粗标签：b标签
4.字体变斜：i 标签
5.字体下划线：u标签
6.内容居中：< center>标签
HTML有标准：
1.HTML4
< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 transitional//EN”
2.HTML5
< !DOCTYPE html>
< pre>标签：原生标签。
< hr>标签：横线
HTML的图片标签
图片标签：< img>
属性：
1.src :图片的来源
2.width:图片的宽度
3.height：图片的高度
4.alt:图片找不到显示的内容
HTML的列表标签
有序列表
< ol>
< li> < /li>
< /ol>
无序列表
< ul>
< li> < /li>
< /ul>
HTML的超链接标签
属性：
1.href:连接的路径
2.target:打开的方式
_self:在自身页面打开
_blank:新打开一个窗口
无序列表的属性：
type属性
1.desc:实心点
2.circle:空心圆
3.square:方块
有序列表的属性：
type属性：
1.：数字类型
a.：英文类型
i.：罗马字符
start属性：从哪开始
HTML的表格标签
属性：
Width:表格宽度
Heigh:表格高度
Border:边框
Align:表格水平位置
left
center
right
< td>的属性
colspan=“列数”
rowspan=“行数”
HTML的表单标签
HTML的表单标签：< form>
常用属性：
action属性：提交的路径，默认提交到当前页面
method属性：请求的方式GET和POST默认是GET
GET和POST的区别：
GET：数据会显示在地址栏中，并且限制大小。
POST：数据不会显示在地址栏中，不会限制大小，而且安全。
1.< input type=“text”> :文本框
常用属性：
name:表单元素的名称
value:文本框的默认值
size:文本框的长度
maxlength:文本框输入的最大长度
readonly:只读文本框
2.< input type=“password”>:密码框
3.< input type=“radio” >:单选按钮
checked=“checked”：默认选择
4.< input type=“checkbox”>:复选框按钮
5.< input type=“button”>:普通按钮，没有任何功能的按钮
6.< input type=“submit”>:提交按钮
7.< input type=“reset”>:重置按钮
8.< input type=“file”>:文件上传的表单项
9.< input type=“hidden”>:隐藏字段
10.< input type=“image”>:图片按钮
11.< select>:下拉列表
selected：默认被选中
12.:文本域
13.< tr background=" ">：引入图片
HTML5：
< input type=“email”>
< input type=“date”>
< input type=“number”>
< input type=“color”>
HTML的框架标签
框架标签：< frameset>,标签与body标签没有冲突，有frameset就可以没有body。
属性：
rows
cols
使用< frame>标签。frame代表切分的每个部分