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& ...
随机推荐
- rabbitmq AmqpClient 使用Topic 交换机同一个channel 同时多个队列 ，多个交换机，C++代码示例
// 消息发送 bool PublishExchangeTopicMulti(const std::string &strUri) { AmqpClient::Channel::ptr_t c ...
- Python爬虫实战——反爬机制的解决策略【阿里】
这一次呢,让我们来试一下"CSDN热门文章的抓取". 话不多说,让我们直接进入CSND官网. (其实是因为我被阿里的反爬磨到没脾气,不想说话--) 一.URL分析 输入" ...
- mobx中使用class语法或decorator修饰器时报错
之前课程中老师用的babel的版本比较低,我在学习时安装的babel版本较高,因此每当使用class语法或decorator修饰器时都会出现一些报错的情况! ❌ ERROR in ./src/inde ...
- php时间时间戳
/* *+ ------------------------------- * 计算当天起始点和结束点时间戳 取出当天的数据 *+ ------------------------------ */ ...
- Android 在OnCreate()中获取控件高度与宽度
试过在OnCreate()中获取控件高度与宽度的童鞋都知道,getWidth()与getHeight()方法返回是0,具体原因 看一下Activity的生命周期 就会明白. 上代码: 方法一: int ...
- 思维——cf1178E
一开始少看了条件:相邻两个字符不相等,字符集只有abc 那么我们取开头结尾各两个字符,一定有两个是相等的 #include<bits/stdc++.h> using namespace s ...
- centos修改、保存文件的详细步骤
[一]修改文件 如果是使用普通用户登录的,需要先切换到管理员用户,打开终端,输入:su,接着按提示输入密码即可:然后使用命令进入需要修改文件的所在目录,常用的几个命令如下: ① cd + 目录名 ② ...
- （抓）ubuntu下安装mysql --- 我主要参考的文章
转:http://cycnet.blog.51cto.com/117809/812625 现在的软件越来越好安装,尤其是在ubuntu下安装软件,更是没有技巧,只需要在联网的情况下使用apt-get ...
- 12.RabbitMQ多机集群
配置两台Linux CentOS 6.7虚拟主机 CentOS6.7下载地址 https://pan.baidu.com/s/1i5GPg9n 安装视频下载 https://pan.baidu.c ...
- 敏捷在《PMBOK指南》知识领域中的应用
<PMOBOK指南>知识领域 敏捷工作过程中的应用 第四章 项目整合管理 迭代和敏捷方法能够促进团队成员以相关领域专家的身份参与整合管理.团队成员自行决定计划及其组件的整合方式.在适应型环 ...