HTML常用标签

文本标签

<font>  //普通的文字标签
<p>    //段落标签，自动换行
<h1>到<h6>    //标题标签（数字越大，字体越小）
<hr>    //分割线
<br>    //换行标签
<b>和<strong>    //文本加粗
<i>和<em>    //文本倾斜
<u>    //文本下划线

<ul><li></li></ul>    //无序列表 li是列表项
    
<ol><li></li></ol>    //有序列表 li是列表项

图片标签

<img src＝”图片等地质“ title＝”鼠标悬停时到提示“/>

超链接标签

<a href＝“链接的地址” target＝“—self”></a>

//图片超链接
<a href＝“链接的地址” target＝“—self”><img src＝“图片等地址”／></a>

表单标签

//GET:把提交的参数显示在地址栏
//POST：把提交的数据不显示在地址栏，数据封装在请求体中
<form action＝“提交的地址” method＝“GET”>
    //input表示表单项，通过type设置类型
    <label for＝“id值”>表单项的文字描述<／label>
    <input type＝“text” id="id值" name＝“提交参数的名称” value＝“提交参数的值”／>


<／form>

/*
type="text"        文本输入框
type="password"    密码输入框
type="tel"         电话输入框
type="email"       邮件输入框，对输入的邮件进行校验
type="radio"       单选按钮，name属性要一致
type="checkbox"    复选框，name属性要一致
type="date"        日期框
type="time"        时间框

type="datetime-local"    时间日期框
type="number"      数字框
type="range"       滚动条数字框
type="search"      可清除的文本框，多了叉叉按钮
type="url"         网址框，对输入的网站进行校验
type="file"        文件上传框
type="hidden"      隐藏区域，不显示，但是可以提交数据
*/

各种属性

边框属性

/*边框：宽度5像素，实线，黑色*/
border:5px solid black;

/*设置上边框：宽度5像素，实线，黑色*/
border-top:5px solid black;

/*设置左边框：宽度5像素，双线，红色*/
border-left:5px double red;

/*设置右边框：宽度5像素，点线，蓝色*/
border-right:5px dotted blue;

/*设置下边框：宽度5像素，虚线，品红*/
border-bottom:5px dashed pink;

/*设置边框的弧度*/
border-radius:25px

/*宽度*/
width:150px;

/*高度*/
height:150px;

文本属性

/*文本颜色*/
color:#ff0000

/*字体*/
font-family:宋体

/*字体大小*/
 font-size:25px;

/*下划线 none：无  underline：下划线  overline：上划线 line-through：删除线*/
text-decoration:none;

/*水平对齐方式 left：居左 center：居中  right：居右*/
text-align:center

/*行间距*/
line-height:60px;