HTML总结

1、Web前端 :HTML、CSS、JavaScript
2、内核:IE Trident
firefox Gecko
Safari Webkit
chrome Blink
3、Web标准 结构 表现 行为

<html>
<head></head>
<body></body>
</html>

4、meat单标签 <meta charset="UTF-8">(乱码) 图片文件夹命名最好英文images`
shift+! 快捷创建框架
5、

<p></p>段标签   <h></h>标题   <hr>换行——————水平线   <br>换行  
     <div><span>无实际用  <div></div>每个自带换行  <span></span>都在一行

6、

<b></b> <strong></strong>加粗
<i></i> <em></em>斜体
<s></s> <del></del>删除
<u></u> <ins></ins>下划线

7、&nbsp;空格
ctrl+/ 注释
8、<img src="" alt="" title="" width="" weight="" border="" />
src 图片途径 alt 不能正常显示提示文字 title 鼠标悬停时显示文字 border 边框
9、相对路径 上一级…/ 下一级./
超链接 <a href="" target=""></a> target显示方式 _blank在新窗口打开 _self当前窗口打开
10、

瞄点 <a href="#"></a>
<p id=""> </p>
<base href="_blank"> 所有打开链接新窗口

11、

列表 有序<ol><li></li></ol>  <ol></ol>之间不可嵌套 
 	<li></li>之间相当于一个容器,可以容纳所有元素。
无序<ul><li></li></ul>
自定义<dl>
<dt></dt>
<dd></dd><dd></dd><dd></dd>
</dl>

12、

<div></div>可嵌套所有标签
<span></span>不可嵌套<div></div>

13、单标签:hr br meta img base

表格       <tabel>          tr:多少行  td:一行有多少格
<tr>
<td></td> <td></td>     <th>置换<td>粗体居中
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" width="" >
cellpadding:单元格与内容间距
cellspacing:单元格之间间距
<caption>标题</caption> caption只存在表格中
平均分配:每个单元格单独设置   非平均分配:table设置
<thead></thead>放置标题基本没用
<tbody> 包含所有table中内容(规范)
合并单元格    删除个数=合并个数-1
跨行 rowspan 例<td   rowspan=""></td>
跨列 colspan
表单 (table常用)
[在这里插入图片描述]

在这里插入图片描述

基本形式<input type=""> align="center" 居中
1、

下拉菜单 <select name="" id="">
<option vaule=""> 输入内容</option>
<option vaule=""> 输入内容</option>
<option vaule=""> 输入内容</option>
</select>

2、placeholder 虚化默认值
在这里插入图片描述

3、checked 默认被选中项 两周内自动登录
在这里插入图片描述

4、

<input type="radio">单选
<input type="checkbox">多选

5、<input type="button" value="注册">

6、<input type="image" src=""> 引入图片按钮
7、<input type="file">文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值