首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
Web开发
> 详细
Html标签第一课
时间:
2015-12-09 19:36:24
阅读:
142
评论:
0
收藏:
0
[点我收藏+]
标签:
<p>段落标签</p>
<h1>字体标签,1到6,越来越小</h1>.....<h6></h6><h>标签自动换行
<br/>换行 (单个标签)
<hr/> 水平线(单个标签)的几个属性:
size粗细 width 宽度 Align对齐方式(left,right,center,默认center) color颜色
空格:
<center>整体居中</center>
<b>粗体</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
<sup>上标</sup>
<sub>下标</sub>
<body>标签的三个属性:bgcolor背景颜色 text 网页中所有的字体颜色 background="image/bg.jpg"
<ol type="a">有序列表,通过type的值修改初始值
<li>你好 默认从1开始<li>
<li>你好<li>
</ol>
<ul type="circle">无序列表,通过type的值空心圆还是实心圆
<li>你好 默认是个黑点点<li>
<li>你好<li>
</ul>
<caption>表格标题</caption> 属性:align=bottom/top; 表格可以进行嵌套
<table >表格 属性:border(边框宽度),width(宽度),height(高度),cellspacing(表格内框的宽度)cellpadding(表格内的文字至四周边框的距离)bordercolor(边框颜色)bgcolor(背景颜色)align(表格在网页中的水平对齐方式)colspan:跨列 rolespan:跨行
<tr> 行标签 <th>表头,姓名</th><th>表头,年龄</th><th>表头,国籍</th></tr>
<tr> 行标签 <td>列,张三</td><td>年龄,24</td><td>中国</td></tr>
<tr> 行标签 <td>列,张三</td><td>年龄,24</td><td>中国</td></tr>
</table>
有序列表跟无序列表可进行嵌套。
虽然有些html有自己的属性去设置该标签的外观,但是实际开发中,不会用自己的属性去做外观处理,而是用CSS。一般用div做布局,不用table做布局
<image src="1.jpg"/> 图片和HTML在同一个文件夹下
<image src="../1.jpg"/> html上一级目录下的图片(相对路径)
<image src="../2/1.jpg"/> html上一级目录文件夹为2下的图片(相对路径)
<image src="c/user/.."/> (绝对路径)
<image src="../1.jpg"/> 属性:height, width,border边框 lowsrc(低分辨率的图片位置)alt(当找不到图片时可用文字代替)
<a href = "http://www.baidu.com" target="_black">百度</a>
<a href = "javascript:;" target="_black">百度</a> 不跳转页面
Html标签第一课
标签:
原文地址:http://www.cnblogs.com/w123-w/p/5033767.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
36.VUE — 认识 Webpack 和 安装
2021-07-28
【PHP】上传图片翻转问题
2021-07-28
php对数字进行万。亿的转化
2021-07-28
五个 .NET 性能小贴士
2021-07-28
Three.js中显示坐标轴、平面、球体、四方体
2021-07-28
.net 5+ 知新:【1】 .Net 5 基本概念和开发环境搭建
2021-07-27
1.html,css
2021-07-27
基于Docker搭建 Php-fpm + Nginx 环境
2021-07-27
nginx + http + svn
2021-07-27
kubernets kube-proxy的代理 iptables和ipvs
2021-07-26
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!