笔记
HTML基础
00 分钟
2021-7-2
2023-8-4
type
status状态
tags标签
date
slug链接
summary简介
category分类
icon
password

HTML基本标签

1.结构标签(作用全局)

属性名
代码
描述
text
<body text="#f00"> </body>
设置网页正文中所有文字的颜色
bgcolor
<body bgcolor="#00f"> </body>
设置网页的背景色
background
<body background="1.png"> </body>
设置网页的背景图
颜⾊的表示⽅式: ● 第⼀种⽅式:⽤表示颜⾊的英⽂单词,例,red green blue ● 第⼆种⽅式:⽤16进制表示颜⾊,例,#000000 #ffffff #325687 #377405

2.图形标签

在⻚⾯指定位置处中引⼊⼀幅图⽚ < img/>
notion image

3.表格标签

1. 普通表格(无边框)

notion image

2. 普通表格(有边框)

<table border="大小">
设置表格边框
notion image

3. 文字居中 表格

<tr align=”center”> </tr>
文字居中
notion image

4. 文字居中加粗 表格

<th> </th>
居中加粗
notion image

5. 表格跨行和跨列

colspan
同一行合并多个列 (横向合并)
rowspan
同一列合并多个行 (纵向合并)
notion image

4.表单标签

html表单用于收集不同类型的用户输入数据
<form action=""> </form>

1. form元素常用属性

● action表示动作,值为服务器的地址,把表单的数据提交到该地址上处理
● method:请求方式:get 和post
get:
地址栏,请求参数都在地址后拼接 path?name="张三"&password="123456" ■ 不安全 ■ 效率高 ■ get请求大小有限制,不同浏览器有不同,但是大约是2KB;一般情况用于查询数据
post:
■ 地址栏:请求参数单独处理。 ■ 安全可靠些 ■ 效率低 ■ post请求大小理论上无限;一般用于插入删除修改等操作

2. input元素

作为表单中的重要元素,可根据不同type值呈现为不同状态

单行文本框和密码文本框

<input type="text"/>
单行
<input type="password"/>
密码
notion image

选则按钮

notion image

选则按钮(单选)

设置name属性,设为相同即可变成单选
notion image

其它

notion image
  • 作者:小林
  • 链接: /article/html
  • 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
上一篇
java笔记
下一篇
git命令

评论
  • Twikoo