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

随机推荐

priority_queue 示例
http://www.cplusplus.com/reference/queue/priority_queue/ priority_queue 的top始终保持着为一堆数据中的最大元素. 读取最小 O ...
如何写出优雅兼备可读性的javascript代码
即或是最简单的需求,不同的程序员也会写出不一样的代码: 需求:充值程序过虑不符合条件的充值金额,即只能充入100.200.500.1000金额,其它过虑: 1.菜鸟程序员可能会这样写,虽然可读性强,代 ...
本地socket使用AF_UNIX
int socket(int domain, int type, int protocol); domain参数代表地址族,我们最常用的是TCP/IP协议通信中使用的是AF_INET,在有些情况下建立 ...
js原生实现选项卡功能
选项卡在js中是一个重要的知识点.他没有那么难,但在工作中却有重要的位置.几乎在每一个网站都能看到选项卡的实例.所以今天写一下选项卡的实现. 我们设想有三个按钮分别来控制三个盒子当我们点击当前的按钮的 ...
codeIgniter怎么实现对input type=text对话框blur事件的监听以及传值？
如题,这个问题怎么解决? 用JS和前端框架习惯了,现在学后端框架,感觉各种坑...
Codeforces Zip-line 650D 345Div1D(LIS)
传送门大意:给出一个序列,求修改一个数过后的最长上升子序列. 思路:可以用主席树在线搞,也可以用树状数组离线搞,明显后者好写得多.我们首先读取所有的询问,然后就把询问绑在给出的位置,然后我们正向做一 ...
【转】java调用webservice
互联网上面有很多的免费webService服务,我们可以调用这些免费的WebService服务,将一些其他网站的内容信息集成到我们的Web应用中显示,下面就以获取天气预报数据和查询国内手机号码归属地为 ...
java基础（环境设置，基础语法，函数数组）
框架图环境搭建课程中常见dos命令: dir : 列出当前目录下的文件以及文件夹 md : 创建目录 rd : 删除目录 cd : 进入指定目录 cd.. : 退回到上一级目录 cd/ : 退回到 ...
理解一下单片机的I2C和SPI通信
应某位网友要求,今天说一下单片机的I2C SPI通信,可能说不清楚,因为这毕竟要做实验才可完全理解. I2C和SPI是两种不同的通信协议. 听到协议,似乎高不可攀,其实协议就是人们定义的一个标准而已, ...
poj 3070
Fibonacci Time Limit: 1000 MS Memory Limit: 65536 KB 64-bit integer IO format: %I64d , %I64u Java cl ...

HTML学习入门

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

随机推荐

热门专题