2017-3-8 html基础标签
<head></head>头标签
<title>页面标签</title>
<body>文档的内容可在浏览器中显视的</body>
body的属性：
bgcolor--页面背景色
text-----文字的颜色
topmargin 上页边距
leftmargin 左页边距
rightmargin右页边距
bottommargin 下页边距
background 背景壁纸
<body text="#000000" bgcolor="#000011" topmargin="2" lefmargin="3" rightmargin="10" bottomargin="34" background="../img/1.jpg"></body>
格式控制标签：
<font></font>控制字体属性标签
<font>属性：
color--字体颜色
face---字体
size---字体大小
<font face="宋体" size="5" color="#000000"></font>
<b>字体加粗</b>
<u>下划线</u>
<i>字体倾斜</i>
<strong>字体加粗</strong>
<em>字体倾斜</em>
<center>剧中</center>
<br/>回车，换行
  空格
<b><u><i><strong><center>你好 吗？</center></strong></i></u></b><br>
内容容器标签：
<h1></h1>.....<h6></h6>标题，会自动换行
<h1>第一标题</h1>
<h2>第二标题</h2>
<h3>第三标题</h3>
<h4>第四标题</h4>
<h5>第五标题</h5>
<h6>第六标题</h6>
<p>段落标签，段落之间空行</p>
<div>层标签默认占一行</div>
<span>层标签</span>
<ol></ol>--有序列表
<ol type="a">
<li>第一列表</li>
<li>第二列表</li>
<li>第三列表</li>
<li>第四列表</li>
</ol>
<ul></ul>---无序列表
<ul type="circle">
<li>第一列表</li>
<li>第二列表</li>
<li>第三列表</li>
<li>第四列表</li>
</ul>
<a></a>--加超级连接
<a href="http://www.baidu.com">baidu</a>
<a href="#">返回顶部</a>
<a name="zhongjian">第三层</a>
<a href="zhangjian">返回第三层</a>
<img/>图片插入
<img>属性:
width--宽度
height---长度
<h1><i>作 业<SUb>20170308</SUb> </i></h1>
<sub></sub>给标题加下注释
<sup></sup>给标题加下注释
<table border="1" width="400px" height="200px">
<tr align="center">
<td>宽度/高度</td>
<td>对齐方式</td>
<td>背景颜色</td>
<td rowspan="2">合并单元格</td>
</tr>
<tr>
<td bgcolor="#666666" valign="bottom">400PX*200PX</td><!--文字向下-->
<td bgcolor="#666666" align="right" valign="bottom"> 靠下靠右</td><!--文字靠下靠右-->
<td bgcolor="#666666" align="right" valign="bottom">gray</td><!--文字靠下靠右,颜色设置为GRAY-->
</tr>
</table>
<table></table>表格
width宽度； height高度； border边框； align对齐方式
<tr></tr>行
align:行内水平对齐方式
valign:行内垂直对齐方式
height:行高
bgcolor:背景色
background 背景图片
<td></td>单元格
<th ></th>表头;表头单元格内的内容自动居中加粗
align:行内水平对齐方式
valign:行内垂直对齐方式
height:行高
bgcolor:背景色
background 背景图片
colspan="n"合并同一行的单元格
rowspan="n"合并同一行的单元格
2017-3-8 html基础标签的更多相关文章
- HTML基础标签入门
HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...
- 2017 Android 面试题 [ 基础与细节 ]
2017 Android 面试题 [ 基础与细节 ] 感谢@chuyao抛出的这些问题,平时业务代码写多了,很多基础的东西变得含糊不清了,这次裸辞出来找工作确实没有之前顺利,顺便求上海Android开 ...
- HTML常用基础标签
HTML常用基础标签 带有语义的标签 <em> </em> 强调 <strong> </strong> 比em强调级别高 <abbr> &l ...
- html_基础标签
块级标签: 默认情况会占位一整行行内(内联)标签:默认只有自己的大小 块级标签如: <div>我是字</div> <h1>标题1</h1> < ...
- IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 HTML基础标签
指引 网页中的信息主要是以文本为主的,可以通过字体.大小.颜色.底纹.边框等来设置文本的属性.文字版面的编辑包括文本标签和格式标签两种,在浏览器中显示的文字内容和格式都要在<body>标记 ...
- HTML&CSS基础-标签的属性
HTML&CSS基础-标签的属性 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!-- html 根标签,一个页面中有且只有一个根标签,网页中的 ...
- HTML基础标签图片文本超链接列表表格介绍
1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格 ...
- HTML基础标签学习
HTML基础学习 前言 HTML基础学习会由HTML基础标签学习.HTML表单学习和一张思维导图总结HTML基础三篇文章构成,文章中博主会提取出重点常用的知识和经常出现的bug,提高学习的效率,后续会 ...
- HTML基础标签
[HTML写法标签][HTML字体段落标签][锚点][有序无序列表][表格] 一.HTML写法标签:双标签:<标签名>内容</标签名>单标签:<标签名 内容/> 二 ...
- HTML基础-- 标签、表格
<html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body& ...
随机推荐
- KMP 算法学习
KMP算法是用来做字符串匹配的.关于字符串匹配,最简单最容易想到的方法是暴利查找,使用双重for循环处理. 该方法的时间复杂度为O((n-m+1)*m) (n为目标串T长度,m为模式串P长度, 从T中 ...
- python3-xlwt-Excel设置(字体大小、颜色、对齐方式、换行、合并单元格、边框、背景、下划线、斜体、加粗)
搬运出处: https://blog.csdn.net/weixin_44065501/article/details/88899257 # coding:utf-8 import patterns ...
- 如何重置Magento管理用户、角色和资源的权限
场景1:所有的资源权限被设置为管理角色 步骤1:获取当前的管理角色详细信息 SELECT * FROM admin_role WHERE role_name = 'Administrators' /* ...
- React笔记03——React实现TodoList
1 什么是JSX语法? 原生JS中,要向页面中挂载html标签,标签一定是被引号''包起来的:document.getElementById('root').append('<div>he ...
- SpringDataRedis依赖
<dependencies> <dependency> <groupId>junit</groupId> ...
- springcolud依赖
<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot ...
- 批量更新数据（BatchUpdate）
批量更新数据(BatchUpdate) /// <summary> /// 批量更新数据,注意:如果有timestamp列,要移除 /// </summary> /// < ...
- Shiro学习（8）拦截器机制
8.1 拦截器介绍 Shiro使用了与Servlet一样的Filter接口进行扩展:所以如果对Filter不熟悉可以参考<Servlet3.1规范>http://www.iteye.com ...
- API应用实例
API声明透明 {API声明} type TSetLayeredWindowAttributes = function(wnd: HWND; crKey: DWORD; bAlpha: BYTE; d ...
- （转）微信,QQ这类IM app怎么做——谈谈Websocket
转:http://www.cocoachina.com/ios/20160527/16482.html 前言 关于我和WebSocket的缘:我从大二在计算机网络课上听老师讲过之后,第一次使用就到了毕 ...