html

最新推荐文章于 2024-09-11 20:12:18 发布

0919lxx.

最新推荐文章于 2024-09-11 20:12:18 发布

阅读量58

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_72493106/article/details/125834162

版权

html：页面有什么
css：页面美化
js：页面特效

HTML（超文本标记语言）：文字视频声音图片
组成：标签
原则：约点大于编码就近原则

<!DOCTYPE html>：html类型
<html lang="en">：中文

标签：
成对标签：闭合标签
< 属性名=属性值 >

常用标签：
1，换行</br>
2.<img src="图片的地址，使用相对路径"/ alt="好商品">:图片标签
3.<h1..h6></h1...h6>:正文标题标签，加粗，独占一行
4.<p></p>:段落标签，有段落间距
5.<font size=""></font>:文字标签
6.<b></b>:加粗标
7.<i></i>:斜体标签
8.<u></u>:下划线
9.<a href="指定的是链接地址" target="">文字|图片|视频</a>:超级链接标签
10.     :空格标签
11.页面布局标签
<table border="边框" width="宽度" align="水平对齐（left|right|center）">
<tr bgcolor="背景色（单词、十六进制）">
<td rowspan="合并行"></td>
</tr>
<tr>
<td colspan="合并列"></td>
</tr>
</table>
12.无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>

html4的form表单及表单项：
<form action="提交地址" method="提交方法post|get">
1.文本框 type="text"
2.密码框 type="password"
3.单选按钮 type="radio"
4.多选按钮 type="checkbox"
5.上传域 type="file"
6.提交按钮 type="submit"
7.重置按钮 type="reset"
8.图片提交按钮 type="image"
9.普通按钮 type="button"
10.异常域 type="hidden"

11.文本域 <textarea> </textarea>
12.下拉列表
<select>
<option value="0">java</option>
<option value="1" selected>大数据</option>
<option value="2" selected>人工智能</option>
</select>

html5的表单项：
color: <input type="color" name="color" id=""> <br/>
date:<input type="date" name="date" id=""> <br/>
datetime-local:<input type="datetime-local" name="datetime-local" id=""> <br/>
email :<input type="email" name="email" id="" placeholder="请输入邮箱"><br/>
month:<input type="month" name="month" id=""><br/>
number:<input type="number" name="number" id="" max="100" min="10" step="10"><br/>
range:<input type="range" name="range" id="" step="50"><br/>
search:<input type="search" name="search" id=""><br/>

tel:<input type="tel" name="tel" id="" pattern="1[358]\W{2,}"><br/>
time:<input type="time" name="time" id="" ><br/>
url:<input type="url" name="url" id=""><br/>
week:<input type="week" name="week" id=""><br/>
autofocus:获取焦点
placeholder：占位符
required：必填项
multiple：多文件上传
pattern：正则表达式