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表示可以多选

html的诸多标签的更多相关文章

  1. USB HID设备报告描述符详解(转)

    转自:http://group.ednchina.com/93/198.aspx. 参考:USB HID usage table 概述:   报告在这里意思是数据传输(data transfer),而 ...

  2. STM32 使用Cubemx 建一个USB(HID)设备下位机,实现数据收发

    这里我主要说一下如何做一个USB下位机,这里主要分3部分:1.建立工程:2.添加报文描述符:3.数据的传输.这里就不讲USB的理论知识了,有想要了解的自行百度一下就可以了. 建立工程:工程建立参考:h ...

  3. 转载 STM32 使用Cubemx 建一个USB(HID)设备下位机,实现数据收发

    STM32 使用Cubemx 建一个USB(HID)设备下位机,实现数据收发  本文转载自 https://www.cnblogs.com/xingboy/p/9913963.html 这里我主要说一 ...

  4. HTML5 学习总结(一)——HTML5概要与新增标签

    一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...

  5. Meta标签以及viewport

    meta是meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 的属性有两种:name和http-equiv. name属性主要作用:对应 ...

  6. html标签及用法小结

    html标签小结 这几天学习了html,才发现各种标签真是多的不行,所以打算把一些个常用的标签拿出来稍微说一下. *** 常用基础标签 大体上分了三类: 带有语义的标签 带有一定样式的标签(此类标签页 ...

  7. struts2第四天——拦截器和标签库

    一.拦截器(interceptor)概述 struts2是个框架,里面封装了很多功能,封装的很多功能都是在拦截器里面. (属性封装.模型驱动等都是封装在拦截器里面) struts2里面封装了很多功能, ...

  8. 超强敏感词过滤算法第二版 可以忽略大小写、全半角、简繁体、特殊符号、HTML标签干扰

    上一篇 发一个高性能的敏感词过滤算法 可以忽略大小写.全半角.简繁体.特殊符号干扰 改进主要有几点: 用BitArray取代Dictionary用空间换时间 性能进一步提升 大概会增加词库的  6k* ...

  9. 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式

    公司所作的页面在360下打开都会遇到在360下自动跳到360兼容模式引发许多兼容问题,摸索了好久终于在网上找到了怎么解决的方法,详情如下: 其实360给网站开发者设计了一种选择的方法,只要加入一段Me ...

随机推荐

  1. 谷歌放弃“不作恶” Alphabet要“遵守法律互相尊重”

    对于一些谷歌粉而言,谷歌那条“不作恶(Don’t be evil)”的行为准则是他们引以为傲的精神信仰.这一准则于1999年被首次确认,谷歌在2004年申请上市时也提到了这一点.不过现在这一点要改变了 ...

  2. list_add_tail()双向链表实现分析

    struct list_head { struct list_head *next, *prev; }; list_add_tail(&buf->vb.queue, &vid-& ...

  3. Linux下ioctl函数理解

    一. 什么是ioctl ioctl是设备驱动程序中对设备的I/O通道进行管理的函数.所谓对I/O通道进行管理,就是对设备的一些特性进行控制,例如串口的传输波特率.马达的转速等等.它的调用个数如下: i ...

  4. 开源OA系统启动:基础数据,工作流设计

    原文:http://www.cnblogs.com/kwklover/archive/2007/01/13/bpoweroa_03_baseandworkflowdesign.html自从开源OA系统 ...

  5. Centos7重启网卡失败解决方法

    service Network-Manager stop  执行命令解决,如果执行命令还是失败,则是配置文件内容的问题,检查配置文件

  6. 树链剖分 - Luogu 3384【模板】树链剖分

    [模板]树链剖分 题目描述 已知一棵包含N个结点的树(连通且无环),每个节点上包含一个数值,需要支持以下操作: 操作1: 格式: 1 x y z 表示将树从x到y结点最短路径上所有节点的值都加上z 操 ...

  7. pytion3--class一个更实际的例子

    class一个更实际的例子 到目前为止,我们所看的大多数例子都是人为创造而且是独立完备的,其目的是为了帮助你把注意力集中在基础知识上.然而,本章的结尾是一个较大的例子,把我们所学的大多数概念都聚合在这 ...

  8. 静态方法,Arrays类,二维数组

    一.静态方法 静态方法属于类的,可以直接使用类名.方法名()调用. 静态方法的声明 访问修饰符 static 类型 方法名(参数列表) { //方法体 } 方法的作用:一个程序分解成几个方法,有利于快 ...

  9. java EE技术体系——CLF平台API开发注意事项(1)——后端开发

    前言:这是一篇帮助小伙伴在本次项目中快速进入到java EE开发的一些说明,为了让同组小伙伴们开发的时候,有个清晰点的思路.昨天给大家演示分享了基本概况,但没有留下文字总结说明,预防后期有人再次问我, ...

  10. Thinkphp5 PDO操作mysql预处理中文字段出错问题

    Thinkphp5手册上建议不用中文表明和中文字段名 今天发现中文字出问题的地方了 $pdo = new PDO('mysql:host=localhost;dbname=xsfm_master', ...