1.p和br标签

p表示段落,默认段落之间是有间隔的!
br是换行
hr是一条水平线

2.a标签,超链接

<a href="http://www.baidu.com" target="_blank">点我</a>
href表示跳转的地址,target="_blank"表示新窗口打开,默认为当前页
锚点定位(跳转到id)
<a href="#live">3 个人生活</a><br />
<h3 id="live">个人生活</a>
base标签-可以设置整体链接的打开状态
<base target="_blank"/> 写在head中,这样就让所有a标签都是点击之后打开一个新窗口,
但某个a标签我不想这样,那就target="_self",默认是self

3.h标签:标题h1、h2、h3、h4、h5、h6表示不同的大小

4.span标签-行内标签-白板

5.div标签-块级标签-白板,可以加属性然后可以变身

6.处理字体的标签

<b></b>和<strong></strong>文字以粗体方式显示(推荐strong)
<i></i>和<em></em>文字以斜体方式显示(推荐使用em)
<s></s>和<del></del>文字以加删除线方式显示(推荐使用del)
<u></u>和<ins></ins>文字以加下划线方式显示(不赞成使用u)

7.<img />标记属性

sec-URL-图像的路径(相对路径、绝对路径)
alt-文本-图像不能显示时的替换文本
title-文本-鼠标悬停时显示的内容
width-像素-宽度(XHTML不支持%页面百分比)给个宽度一般会等比例缩放
height-像素-高度(XHTML不支持%页面百分比)
border-数字-设置图像边框的宽度

8.特殊字符:空格:&nbsp;大于:&gt;小于:&lt;版权:&copy;

9.注释标签<!-- 注释内容 -->

10.列表标签

无序列表:<ul><li>qwe</li><li>qwe</li></ul>
有序列表:<ol><li>qwe</li><li>qwe</li></ol>
自定义列表:<dl><dt>服务支持</dt><dd>自助服务</dd><dd>相关下载</dd></dl>
文件底部用<dl>更合理一些:dd中的内容对dt中的进行解释

11.table列表之简单单元格

<thead>、<tbody>浏览器会帮你生成,分别是表头、表内容,
<tr>指:行row,<td>指:单元格,
<th>表头标签:让文字加粗且居中
caption:表格标题,只存在于table标签中
align:设置表格的水平对齐方式(left、right、center)
cellspacing:单元格和单元格之间的距离
cellpadding:内容和单元格边框的距离
三参为0,还有一个border,想要让tr中的内容居中,可以在td中让其center,
可以在tr中写,最优的方式是css
跨行合并:rowspan;跨列合并:colspan(但是表中没有列这个概念,第几行第几个单元格)
<table border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td>主机名</td>
<td>IP</td>
<td>详情</td>
</tr>
</thead>
<tbody>
<tr>
<td>localhost</td>
<td>127.0.0.1</td>
<td>点击</td>
</tr>
<tr>
<td>localhost</td>
<td>127.0.0.1</td>
<td>点击</td>
</tr>
</tbody>
</table>

table

12.input标签

type:1.text-单行文本输入框;2.password-密码输入框;
3.radio-单选按钮(同一组的必须命名相同的name,就可以多个只能选一个了);
4.checkbox-复选框(具有相同的name);5.button-普通按钮;6.submit-提交按钮;
7.reset-重置按钮;8.image-图像形式的提交那妞;9.fiel-文件域
checked:选择按钮的默认选项

13.label标签

用于绑定一个表单元素,当点击label标签时,被绑定的表单就会获得输入焦点
<label for="username">用户名</label>
<input id="username" type="text" name="user" /> 或者
<label for="username">用户名:<input type="text" name="user" /></label>

14.select下拉框

<form action="http://localhost:8888/index" method="post">
<select name="city" size="2" multiple="multiple">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">南京</option>
<option value="4" selected="selected">邯郸</option>
</select>
<br />
<input type="submit" value="提交" />
<input type="reset" value="重置" />
</form>
action为接收并处理表单数据的url地址,city为提交表单的key值,
value是提交值,size指定显示的个数,multiple表示可以多选

最新文章

  1. PHP Parse Error: syntax error, unexpected $end 错误的解决办
  2. Collections.unmodifiableList()的使用与场景
  3. IOS 学习笔记(3) 视图UITabbarController
  4. office2013破解工具
  5. PHP文本路径转换为链接文字
  6. Git GitHub的使用
  7. Oracle Advanced Pricing White Papers
  8. Android app 架构的一些讨论和资源收藏
  9. 水管工游戏——dfs
  10. Transaction rolled back because it has been marked as rollback-only
  11. python之路--网络编程之socket
  12. [51Nod 1584] 加权约数和
  13. 用sitemap做主页的菜单栏
  14. [leetcode]80. Remove Duplicates from Sorted Array II有序数组去重(单个元素可出现两次)
  15. 【AMQ】之安装,启动,访问
  16. vue 路由meta作用及在路由中添加props作用
  17. Sequelize-nodejs-11-Raw queries
  18. android viewHolder static 静态
  19. Centos安装Ruby2.2.3
  20. android.view.WindowLeaked的解决办法

热门文章

  1. poj-1979 red and black(搜索)
  2. 动态规划:Codeforces Round #427 (Div. 2) C Star sky
  3. managed unmanaged
  4. NetCore 2.0 应用程序在centos 7上通过docker发布
  5. 《Scrum实战》第0次课【如何学习敏捷】全团课后任务汇总
  6. 记一次运行spark程序遇到的权限问题
  7. Django--------问题:在terminal命令行创建超级用户时入到password时输入为什么没有反应?
  8. csa Round #73 (Div. 2 only)
  9. String、StringBuffer和StringBuilder,定义一个自己的StringBuilder的类
  10. wpf Combobox模拟键盘按键