HTML学习入门
HTML(元素、属性)
HTML:
超文本标记语言 1、 超文本即为带有链接属性的文本 2、标记即为标签
一、body属性:
bgcolor:页面背景颜色
text:文字颜色
background:背景壁纸
topmargin、leftmargin、rightgargin、tottomargin:上、左、右、下边距
二、格式控制标签
<font color=“” size="" face=""></font> color为字体颜色 size为字体尺寸 face为字体。
<b></b>:字体加粗
<i></i>:字体倾斜
<u></u>:下划线
<strong></strong>:强调字体加粗
<em></em>:强调字体倾斜
<center></center>:居中
</br>:回车,换行 快捷键shift+enter
 :空格 快捷键shift+ctrl+enter
三、内容容器标签
<h1></h1>........<h6></h6> :标题标签 重要性依次减小,字体依次减小,默认前后若有其他,自动换行并空开一行,h1--h3是在目前文字大小基础上+尺寸,h4---h6是在目前默认文字大小-尺寸
<p></p>:段落标签 默认前后若有其他,自动换行并空开一行,证明自身是一个整体
<div></div>:层标签 默认占一行
<span></span>:层标签 用多少占多少
<ol type="1"></ol>;有序数列 自带序号,自动换行,默认前后若有其他,自动换行并空开一行
<ul type=""></ul>:无序数列 不带序号,自动换行,默认前后若有其他,自动换行并空开一行
”../":上级目录
“./"当前目录
四、超链接标签
<a href="http://www.cnblogs.com/tfl-511/" target="_blank”> blank为打开新页面
设置页面返回顶端:在第一行 <a name="ding"></a>
在最后一行<a href="#ding"></a>
五、图片标签
可以在前端添加超链接:<a href="http://www.cnblogs.com/tfl-511/"><img src="图片地址“ width="10" height=“10” title="名字"/></a>
注:title显示图片名字 其中width height两个量字需要设置一个。
六、table表格标识
width:宽度,可以用百分比表示
border:边框,一般设置为0无边框,1是有边框
cellpadding:内容与单元格间距,一般为0
cellspacing:单元格之间间距,一般为0
align:对齐方式,居中center
bgcolor:背景颜色
backgroung:背景图片
七、<tr></tr>行
align:水平对齐方式
valign:竖直对齐方式
height:行高
八、列(单元格)
align:单元格内容对齐方式
valign:内容竖直对齐方式
height:单元格高
width:单元格宽度
九、单元格合并
横向合并:colspan="n"
纵向合并:rowspan="n"
n为需要合并的单元格数值
例如 个人简历的编写
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人简历</title>
</head>
<body bgcolor="#33FFCC" bottommargin="300">
<font size="6" color="#99CC00">
<center><strong>个人简历</strong></center><br />
</font>
<font size="5" color="#0033FF">
<table width="960" border="1" cellpadding="0" cellspacing="0" align="center">
<tr align="center" height="50">
<td width="192"><strong>姓名</strong></td>
<td width="192">滕飞龙</td>
<td width="192"><strong>籍贯</strong></td>
<td width="192">吉林省通化县</td>
<td width="192" rowspan="3"><img src="001e4f9d6e5514dd1da263.jpg" width="192" title="照片"/></td>
</tr>
<tr align="center" height="50">
<td width="192"><strong>民族</strong></td>
<td width="192">汉</td>
<td><strong>政治面貌</strong></td>
<td width="192">团员</td>
</tr>
<tr align="center" height="50">
<td width="192"><strong>身高</strong></td>
<td width="192">173</td>
<td width="192"><strong>出生年月</strong></td>
<td width="192">1992.02.02</td>
</tr>
<tr align="center" height="50">
<td width="192"><strong>博客</strong></td>
<td width="192" colspan="4"><a href="http://www.cnblogs.com/tfl-511/" target="_blank">http://www.cnblogs.com/tfl-511/</a></td>
</tr>
<tr align="center" height="50">
<td width="192"><strong>QQ</strong></td>
<td width="192" colspan="2">2417920382</td>
<td width="192"><strong>微信</strong></td>
<td width="192"></td>
</tr>
<tr align="center" height="50">
<td width="192"><strong>邮箱</strong></td>
<td width="192" colspan="2">18353366911@163.com</td>
<td width="192"><strong>电话</strong></td>
<td width="192">15753394737</td>
</tr>
<tr align="center" height="50">
<td width="192"><strong>大学</strong></td>
<td width="192" colspan="2">山东理工大学</td>
<td width="192"><strong>专业</strong></td>
<td width="192">环境工程</td>
</tr>
<tr align="center" height="50">
<td width="192"><strong>学历</strong></td>
<td width="192" colspan="2">本科</td>
<td width="192"><strong>学制</strong></td>
<td width="192">全日制</td>
</tr>
<tr align="center" height="50">
<td width="192" colspan="5"><strong>技能特长、证书等级</strong></td>
</tr>
<tr align="center" height="50">
<td width="192"><strong>计算机</strong></td>
<td width="192" colspan="2">C语言二级</td>
<td width="192"><strong>英语</strong></td>
<td width="192">四级</td>
</tr>
<tr align="center" height="50">
<td width="192" colspan="5"><strong>兴趣爱好</strong></td>
</tr>
<tr align="center" height="80">
<td width="192"colspan="5">打游戏、唱歌</td>
</tr>
<tr align="center" height="50">
<td width="192" colspan="5"><strong>工作经历</strong></td>
</tr>
<tr align="center" height="50">
<td width="192" colspan="2">时间</td>
<td width="192" colspan="3">企业</td>
</tr>
<tr align="center" height="50">
<td width="192" colspan="2">2015.6-2016.9</td>
<td width="192"colspan="3">青岛鼎信通讯股份有限公司</td>
</tr>
</table>
</font>
</body>
</html>
HTML学习入门的更多相关文章
- 每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
- C# BackgroundWorker组件学习入门介绍
C# BackgroundWorker组件学习入门介绍 一个程序中需要进行大量的运算,并且需要在运算过程中支持用户一定的交互,为了获得更好的用户体验,使用BackgroundWorker来完成这一功能 ...
- 给深度学习入门者的Python快速教程 - 番外篇之Python-OpenCV
这次博客园的排版彻底残了..高清版请移步: https://zhuanlan.zhihu.com/p/24425116 本篇是前面两篇教程: 给深度学习入门者的Python快速教程 - 基础篇 给深度 ...
- 给深度学习入门者的Python快速教程 - numpy和Matplotlib篇
始终无法有效把word排版好的粘贴过来,排版更佳版本请见知乎文章: https://zhuanlan.zhihu.com/p/24309547 实在搞不定博客园的排版,排版更佳的版本在: 给深度学习入 ...
- UML学习入门就这一篇文章
1.1 UML基础知识扫盲 UML这三个字母的全称是Unified Modeling Language,直接翻译就是统一建模语言,简单地说就是一种有特殊用途的语言. 你可能会问:这明明是一种图形,为什 ...
- Stanford Parser学习入门(2)-命令行运行
在Stanford parser目录中已经定义了一部分命令行工具以及图形界面,本文将介绍如何在windows使用这些工具进行语法分析,Linux下也有shell可以使用. 关于如何搭建环境请参考上一篇 ...
- Python学习入门基础教程(learning Python)--5.6 Python读文件操作高级
前文5.2节和5.4节分别就Python下读文件操作做了基础性讲述和提升性介绍,但是仍有些问题,比如在5.4节里涉及到一个多次读文件的问题,实际上我们还没有完全阐述完毕,下面这个图片的问题在哪呢? 问 ...
- 深度学习入门实战(二)-用TensorFlow训练线性回归
欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 作者 :董超 上一篇文章我们介绍了 MxNet 的安装,但 MxNet 有个缺点,那就是文档不太全,用起来可能 ...
- Shell脚本编程学习入门 02
Shell脚本编程学习入门是本文要介绍的内容,我们可以使用任意一种文字编辑器,比如gedit.kedit.emacs.vi等来编写shell脚本,它必须以如下行开始(必须放在文件的第一行): #! ...
- scrapy爬虫学习系列四:portia的学习入门
系列文章列表: scrapy爬虫学习系列一:scrapy爬虫环境的准备: http://www.cnblogs.com/zhaojiedi1992/p/zhaojiedi_python_00 ...
随机推荐
- dp px 转换工具
public class DensityUtil { private final static String TAG = "DensityUtil"; private static ...
- 用js效果做的简单焦点图
/*js代码*/ <script src="js/js/myfocus-2.0.1.min.js" type="text/javascript">& ...
- 对偶理论、拉格朗日对偶问题、LP线性规划对偶性质
Lagrange 对偶问题 定义其的对偶问题: Lagrange函数 考虑线性规划问题 若取集合约束D={x|x≥0},则该线性规划问题的Lagrange函数为 线性规划的对偶问题为: 对偶定理原问题 ...
- MIPS ABI n32意味着什么?
ABI是应用程序二进制接口的简称,用于标识处理器的工作模式及规范目标文件的编码格式. MIPS指令集架构自MIPS3起正式支持64位工作模式,故编码可以遵从o32(o意思是old).n32(n意思是n ...
- [转]oracle job有定时执行的功能,可以在指定的时间点或每天的某个时间点自行执行任务。
oracle job有定时执行的功能,可以在指定的时间点或每天的某个时间点自行执行任务. 一.查询系统中的job,可以查询视图 --相关视图 select * from dba_jobs; selec ...
- 黑马程序员-c语言-类型强制转换
强制转换的条件: 1.当所声明的类型不能满足所符值的变量时,需要转换声明的类型,以便能够存储变量. 例如:short存储的最大值为32767,但是所要符值大于32767时,short类型不符合,需要转 ...
- berkeley db中 dirty read的实现
dirty reader怎样 不被writor block住? 如数据库支持dirty read, 则 所有打开的dbhandle都配置 DB_READ_UNCOMMITTED; 在线程拿到 writ ...
- js中,var 修饰变量名和不修饰的区别
js中 允许在定义变量的时候 不加var 修饰符.js会在当前作用域下寻找上下文是否定义了此变量, 如果没有找到则会为这个变量分配内存.当且将其视为window的成员. 也就是全局变量. 如果加了va ...
- 状态开关按钮(ToggleButton)和开关(Switch)
ToggleButton支持的XML属性及相关方法1.android:checked----->setChecked(boolean) ----->设置该按钮是否被选中2.android: ...
- MySql与Oracle的区别总结
在平时工作中使用这两个数据库的时候要多一些,这两数据库的使用方面存在的一些各自不同的地方,许多面试官也会问这两个的区别.所以,凭着自己的一些经验个感触,来说说这二者的区别. 使用的群众:MySql中小 ...