html 基础指令之注册表

最新推荐文章于 2023-10-16 21:23:18 发布

DK_one

最新推荐文章于 2023-10-16 21:23:18 发布

阅读量810

点赞数

文章标签： html 前端 java

本文链接：https://blog.csdn.net/dk_one/article/details/126006982

版权

html标签

基本命令：
<h1></h1> 创建最大的标题
<h6></h6> 创建最小的标题
<b></b> 创建黑体字
<i></i> 创建斜体字
<em></em> 加粗斜体加黑体
<strong></strong> 比<em></em>强调的程度更强
<font size=?></font> 设置字体大小，从1到7
<font color=?><font> 设置字体颜色，使用名字或十六进制

<img src="name"> 添加一个图像
<hr> 加入一条水平线
<hr size=?> 设置水平线的大小（高度）
<hr width=?> 设置水平线的宽度（百分比或绝对像素点）
<hr noshade> 创建一个没有阴影的水平线
<a href="URL"></a> 创建一个超链接
<a></a> 创建一个链接
<p> 创建一个新的段落
<p align=?> 将段落按左、中、右对齐
<br> 插入换行符
<li> 放在每个数字列表项之前，并加上一个圆点
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个圆点列表之前，并加上一个圆点
<div align=?> 一个用来排版大块HTML段落的标签，也用于格式化表

<u></u> 底线字

<sup></sup> 上标字

<sub></sub> 下标字

<center></center> 居中

<left></left> 居左

<right></right> 居右

<span> 标准的行内标签，用来修饰文本行内标签的特点：只占据内容的部分，不会自动换行，直到铺满一行才会换行

<div> 创建一个盒子

<form> 表单标签一般会和input标签、textarea标签、select标签连用

<action > 取值：文件路径 ---- 表单提交后处理的表单文件

<name> 取值：字符串 ---- 表单的名称 method -- -- 取值：请求方式 get post -----用来明确表示表单提交的方式 get和post请求的区别： http协议 get请求会将用户名和密码暴露在地址栏上，不安全

input 标签

type属性的取值：

type = "text" -------------文本框(单行)

type = "password" ---- -密码框

type = "radio" ----------- 单选按钮

type = "chexbox" ------- 多选按钮

type = "submit" --- ------提交按钮

type = "reset" ----------- 复位按钮重置按钮

type = "button" ---- -----普通的按钮

type = "image" --------- 图像按钮

type = "file" ----- --------上传文件文件域

type = "hidden" ----------隐藏域用户在页面上不可见的内容提交用户不可以看见的一些信息

type = "email" ----------- 邮箱

type = "color"-----------文本框颜色

type = "date" ---- -------日期

type="datetime-local" --- 日期+时间

type="time"----- ----------时间

type="range" ------------ 进度条

input的属性：

checked ----默认选择

readonly --- 字段只读不能修改

disabled ----- 表示input禁用不可点击

autofocus --- 默认光标的位置

required---- input不能为空白提交

selected：

select标签表示下拉选择框会和option标签连用 option表示的下拉选择框中的选项

属性：

value ---- 选项的值

name ---- 下拉框的名称

selected ----- 默认被选中的选项

multiple ----- 以列表的形式显示

textarea标签：

语法： <textarea name="" cols="" rows="" > </textarea>

name----名称

cols ---- 多少列表示的是文本域的宽度

rows --- 多少行表示的文本域的高度

例子：

<!DOCTYPE html>
<html lang="en">
<head>
	<title>第一次作业</title>
</head>
<body align="center" bgcolor="#e3dede">
     <div>
     <h1>用户注册</h1>
     <form>
          <p>
           用户名：<input type="text" name="username" method="post">  
          </p>
     	<p>
           密码：  <input type="passwoerd" name="paassword" autofocus required>   
          </p>
          <p>
              请选择你的性别：<input type="radio" name="性别" value="性别" gender checked > 
          男<input type="radio" name="性别" value="性别">女
          </p>
          <p>
          请选择你的爱好：<input type="checkbox" name="足球" value="足球">足球
                      <input type="checkbox" name="篮球" value="篮球">篮球
                      <input type="checkbox" name="LOL" value="LOL">LOL
                      <input type="checkbox" name="韩剧" value="韩剧">韩剧
                      <input type="checkbox" name="王者荣耀" value="王者荣耀">王者荣耀
                      <input type="checkbox" name="羽毛球" value="羽毛球">羽毛球<br>
          </p>
          <p>
              请输入你的邮箱：<input type="text" name="邮箱" placeholder
              ="请输入你的邮箱">                <br> 
          </p>
          <p>
               用户头像：      <input type="file" name="文件" value="请选择文件">                <br>
          </p>
          <p>
               你的家庭住址是：<select>
                                <option selected="1">西安</option>
                                <option>重庆</option>
                                <option>永川</option>
                                <option>万州</option>
                           </select><br>
          </p>
          <p>
              你的收货地址是：
                               <select multiple="multiple">
                                <option selected="1">西安</option>
                                <option>重庆</option>
                                <option>永川</option>
                                <option>万州</option>
                           </select><br> 
          </p>
          <p>
          请留下你的意见或者建议：
            <textarea name="yijian" cols="20" rows="10" placeholder="你的意见或建议"></textarea>
          </p>
          <p>
            请选择你喜欢的颜色：
             <input type="c0lor" id="" name=""> 注册时间：<input type="date" input 
             type="time"><br>
          </p>
          <input type="submit" value="注册"> <input type="reset" value="重置">


     </form>
     	
     </div>

</body>
</html>