HTML学习入门

HTML(元素、属性）

HTML:

超文本标记语言 1、超文本即为带有链接属性的文本 2、标记即为标签

一、body属性：

bgcolor:页面背景颜色

text：文字颜色

background：背景壁纸

topmargin、leftmargin、rightgargin、tottomargin:上、左、右、下边距

二、格式控制标签

color为字体颜色 size为字体尺寸 face为字体。

:字体加粗

:字体倾斜

:下划线

:强调字体加粗

:强调字体倾斜

<center></center>:居中

:回车，换行快捷键shift+enter

&nbsp:空格快捷键shift+ctrl+enter

三、内容容器标签

<h1></h1>........<h6></h6> ：标题标签重要性依次减小，字体依次减小，默认前后若有其他，自动换行并空开一行，h1--h3是在目前文字大小基础上+尺寸，h4---h6是在目前默认文字大小-尺寸

:段落标签默认前后若有其他，自动换行并空开一行，证明自身是一个整体

<div></div>:层标签默认占一行

:层标签用多少占多少

<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为需要合并的单元格数值

例如个人简历的编写

<body bgcolor="#33FFCC" bottommargin="300">

<center>个人简历</center> 


<table width="960" border="1" cellpadding="0" cellspacing="0" align="center">
<tr align="center" height="50">
<td width="192">姓名</td>
<td width="192">滕飞龙</td>
<td width="192">籍贯</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">民族</td>
<td width="192">汉</td>
<td>政治面貌</td>
<td width="192">团员</td>
</tr>
<tr align="center" height="50">
<td width="192">身高</td>
<td width="192">173</td>
<td width="192">出生年月</td>
<td width="192">1992.02.02</td>
</tr>
<tr align="center" height="50">
<td width="192">博客</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">QQ</td>
<td width="192" colspan="2">2417920382</td>
<td width="192">微信</td>
<td width="192"></td>
</tr>
<tr align="center" height="50">
<td width="192">邮箱</td>
<td width="192" colspan="2">18353366911@163.com</td>
<td width="192">电话</td>
<td width="192">15753394737</td>
</tr>
<tr align="center" height="50">
<td width="192">大学</td>
<td width="192" colspan="2">山东理工大学</td>
<td width="192">专业</td>
<td width="192">环境工程</td>
</tr>
<tr align="center" height="50">
<td width="192">学历</td>
<td width="192" colspan="2">本科</td>
<td width="192">学制</td>
<td width="192">全日制</td>
</tr>
<tr align="center" height="50">
<td width="192" colspan="5">技能特长、证书等级</td>
</tr>
<tr align="center" height="50">
<td width="192">计算机</td>
<td width="192" colspan="2">C语言二级</td>
<td width="192">英语</td>
<td width="192">四级</td>
</tr>
<tr align="center" height="50">
<td width="192" colspan="5">兴趣爱好</td>
</tr>
<tr align="center" height="80">
<td width="192"colspan="5">打游戏、唱歌</td>
</tr>
<tr align="center" height="50">
<td width="192" colspan="5">工作经历</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>

</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 ...

随机推荐

sql操作
SQL Server 存储过程 Transact-SQL中的存储过程,非常类似于Java语言中的方法,它可以重复调用.当存储过程执行一次后,可以将语句缓存中,这样下次执行的时候直接使用缓存中的语句.这 ...
linux mysql 操作命令
1.linux下启动mysql的命令:mysqladmin start/ect/init.d/mysql start (前面为mysql的安装路径) 2.linux下重启mysql的命令:mysqla ...
sql sever获取数据库还原时间语句
--只获取数据库名称和最后的还原时间 SELECT sdb.Name AS DatabaseName , ), ), '-') AS LastBackUpTime FROM sys.sysdataba ...
异常:System.Data.EvaluateException: 未找到列[District].
异常:System.Data.EvaluateException: 未找到列[District]. 这里存在的问题不一定是说,数据源表没有该字段.此问题在于数据库字段包含空格字符.
【13-Annotation】
Annotation 5个基本的Annotation •@Override •@Deprecated •@SuppressWarnings •@SafeVarargs •@FunctionalInte ...
移动端字体缩放问题解决方案-摘自《html5移动web开发实践》
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name ...
RabbitMQ 问题记录
1. rabbitmq安装后无法运行,报错“unable to connect to node rabbit@XXXX: nodedown”. 怀疑局域网内有相同名称的计算机安装了rabbitmq,造 ...
使用 AForge.NET 做视频采集
AForge.NET 是基于C#设计的,在计算机视觉和人工智能方向拥有很强大功能的框架.btw... it's an open source framework. 附上官网地址: http://www ...
AndroidManifest.xml中<activity></activity>相关属性说明
虽说,从事android开发有一定时间了,对于Activity大家也都不陌生,但是具体的对于Activity中相关属性的含义有必要做一个系统的总结: intent-filteraction: 来指定响 ...
形参是ofstream
今天写了一段代码报错 void GetEigenvalue(pcl::PointCloud<pcl::PointXYZ>::ConstPtr cloud, vector<int> ...

HTML学习入门

HTML学习入门的更多相关文章

随机推荐

热门专题