html的诸多标签
2024-09-29 11:00:37
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.特殊字符:空格: 大于:>小于:<版权:©
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表示可以多选
最新文章
- PHP Parse Error: syntax error, unexpected $end 错误的解决办
- Collections.unmodifiableList()的使用与场景
- IOS 学习笔记(3) 视图UITabbarController
- office2013破解工具
- PHP文本路径转换为链接文字
- Git GitHub的使用
- Oracle Advanced Pricing White Papers
- Android app 架构的一些讨论和资源收藏
- 水管工游戏——dfs
- Transaction rolled back because it has been marked as rollback-only
- python之路--网络编程之socket
- [51Nod 1584] 加权约数和
- 用sitemap做主页的菜单栏
- [leetcode]80. Remove Duplicates from Sorted Array II有序数组去重(单个元素可出现两次)
- 【AMQ】之安装,启动,访问
- vue 路由meta作用及在路由中添加props作用
- Sequelize-nodejs-11-Raw queries
- android viewHolder static 静态
- Centos安装Ruby2.2.3
- android.view.WindowLeaked的解决办法
热门文章
- poj-1979 red and black(搜索)
- 动态规划:Codeforces Round #427 (Div. 2) C Star sky
- managed unmanaged
- NetCore 2.0 应用程序在centos 7上通过docker发布
- 《Scrum实战》第0次课【如何学习敏捷】全团课后任务汇总
- 记一次运行spark程序遇到的权限问题
- Django--------问题:在terminal命令行创建超级用户时入到password时输入为什么没有反应?
- csa Round #73 (Div. 2 only)
- String、StringBuffer和StringBuilder,定义一个自己的StringBuilder的类
- wpf Combobox模拟键盘按键