HTML个人总结

<html>            //html  主体框架  标签要写在body中哦  head 一般写css代码  定义样式

<meta charset="utf-8" />

<head>

<title>

</title>

</head>

<body>

</body>

</html>

一.各种标签

1)块标签自己独占一行;

<h(1~6)></h>标题

<p></p>段落

<div></div>大盒子

<ul></ul> 无序列表 我们可以通过 为加入type="形状名称" 属性来改变其符号形状,常用的有三个选择:disc(实心圆)、square(小正方形)、circle(空心圆)。

<ol></ol> 有序列表  type的取值可以是:1(数字,此为默认选项)、A(大写英文字母)、a(小写英文字母)、I(大写罗马字母)、i(小写罗马字母)等五种。

<li></li> 

2) 在宽度允许下,可以和其他行内标签共享一行

<i></i> 一般和前端框架(layui)的表情搭配使用

<span></span>小盒子

<img src=""> 图片标签 src中为图片所在路径

<a href="“></a> 超链接a  href为要跳转的地址

3)功能标签

<br/>换行

<hr>一条很长很长的直线

二.form表单

<input type="?">

input输入框,默认为text

?=password :密码框

?=radio:单选框  checked="checked" 为默认选中

?=checkbox 复选框 checked="checked" 为默认选中

input按钮 

?=button 普通按钮

?=submit 提交按钮

?=reset 重置按钮 注意:所有表单元素有<form></form>包裹 才可以点击重置

input文件域

?=file  可以选择一个文件

input-hidden隐藏域

?=hidden  输入框将不进行显示  可以存储临时属性

textarea 文本区域 cols 和rows  设置宽度和高度

<textarea cols="40" rows="6"></textarea>

<fieldset></fieldset>区分各个form表单,会使用矩形将form表单框起来

 

 

<frame></frmae>

 

 

table表格布局

<th></th>表示表头

<tr></tr>表示一行

<td></td>表示一列

说明:

1.colspan="2":表示从其所在的单元格
开始向后共2个单元格进行合并。

2.rowspan="2":表示从其所在的单元格
开始向下共2个单元格进行合并。

例:下面代码表示两行三列

<table>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

</table>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值