前端之HTML语法及常用标签
2019-05-13 07:12:23来源:博客园 阅读 ()
html语法:
1.常规标记:
<标记 属性=“属性值” 属性=“属性值”></标记>;
2.空标记:
<标记 属性=“属性值” 属性=“属性值”/>
注意事项:
= 和 “”都是必须加的,同时两个属性之间用空格 隔开;
html常用标签:
1.文本标题: h1 h2 h3 h4 h5 h6 ;
2.段落标记: p ;
3.空格(html转义字符):  ;
> > ;
< < ;
4.换行 : <br/>
5.加粗 : strong b ;
6.倾斜 : i em ;
7.水平分隔线: <hr/> ;
8.上标 : sup ;
下标 : sub ;
9.列表:
无序列表: ul ;
有序列表: ol ;
自定义列表 ; dl ;
10.图片:
<img src="图片路径"
title="鼠标悬停在图片上时显示的提示信息"
alt="当图片由于某些原因无法正常加载时显示的替换信息"
width="x"
height="y"/>
11.超链接:
<a href="链接地址" target="_blank" title="提示信息">链接文本或图片</a>
rget="_blank" 链接在新页面打开
target="_self" 默认属性值,在本页面打开
12.表格: table
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="100" align="center">aaa</td>
<td valign="top">aaa</td>
<td>aaa</td>
...
</tr>
</table>
注:table相关属性
a)width="值" 设置表格宽度或单元格宽度
b) height="值" 设置表格高度或单元格高度
c) border="值" 设置表格边框(一般给table加)
d)cellspacing="值" 设置单元格之间的间距(给table加,一般设为0)
e) ellpadding="值" 设置内容与单元格之间的空隙(给table加,一般设为0)
f) align="left|center|right" 设置单元格内容水平对齐方式
g) valign="top|middle|bottom" 设置单元格内容垂直对齐方式
h) bgcolor="颜色值" 设置表格背景色(一般通过css样式去设置)
i) colspan="数值" 合并列(给td加)
j) rowspan="数值" 合并行(给td加)
注:table常用到的标签
a)table 定义表格
b) tr 代表行
c) td 代表列
d) th 定义表格的表头(会有加粗,居中的效果)
e) caption 定义表格的标题
f)thead 定义表格的页眉
g) tbody 定义表格的主体
h) tfoot 定义表格的页脚
原文链接:https://www.cnblogs.com/21-forever/p/10846199.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:前端之CSS列表及背景类属性
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-14
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-13
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-02
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash