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;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值