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

&nbsp:空格   快捷键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学习入门的更多相关文章

  1. 每天成长一点---WEB前端学习入门笔记

    WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...

  2. C# BackgroundWorker组件学习入门介绍

    C# BackgroundWorker组件学习入门介绍 一个程序中需要进行大量的运算,并且需要在运算过程中支持用户一定的交互,为了获得更好的用户体验,使用BackgroundWorker来完成这一功能 ...

  3. 给深度学习入门者的Python快速教程 - 番外篇之Python-OpenCV

    这次博客园的排版彻底残了..高清版请移步: https://zhuanlan.zhihu.com/p/24425116 本篇是前面两篇教程: 给深度学习入门者的Python快速教程 - 基础篇 给深度 ...

  4. 给深度学习入门者的Python快速教程 - numpy和Matplotlib篇

    始终无法有效把word排版好的粘贴过来,排版更佳版本请见知乎文章: https://zhuanlan.zhihu.com/p/24309547 实在搞不定博客园的排版,排版更佳的版本在: 给深度学习入 ...

  5. UML学习入门就这一篇文章

    1.1 UML基础知识扫盲 UML这三个字母的全称是Unified Modeling Language,直接翻译就是统一建模语言,简单地说就是一种有特殊用途的语言. 你可能会问:这明明是一种图形,为什 ...

  6. Stanford Parser学习入门(2)-命令行运行

    在Stanford parser目录中已经定义了一部分命令行工具以及图形界面,本文将介绍如何在windows使用这些工具进行语法分析,Linux下也有shell可以使用. 关于如何搭建环境请参考上一篇 ...

  7. Python学习入门基础教程(learning Python)--5.6 Python读文件操作高级

    前文5.2节和5.4节分别就Python下读文件操作做了基础性讲述和提升性介绍,但是仍有些问题,比如在5.4节里涉及到一个多次读文件的问题,实际上我们还没有完全阐述完毕,下面这个图片的问题在哪呢? 问 ...

  8. 深度学习入门实战（二）-用TensorFlow训练线性回归

    欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 作者 :董超 上一篇文章我们介绍了 MxNet 的安装,但 MxNet 有个缺点,那就是文档不太全,用起来可能 ...

  9. Shell脚本编程学习入门 02

    Shell脚本编程学习入门是本文要介绍的内容,我们可以使用任意一种文字编辑器,比如gedit.kedit.emacs.vi等来编写shell脚本,它必须以如下行开始(必须放在文件的第一行):   #! ...

  10. scrapy爬虫学习系列四：portia的学习入门

    系列文章列表: scrapy爬虫学习系列一:scrapy爬虫环境的准备:      http://www.cnblogs.com/zhaojiedi1992/p/zhaojiedi_python_00 ...

随机推荐

  1. 【章老师的课程】Black Box Testing

    本周我们学习了黑盒测试,这是一种常用的软件测试方法,它将被测软件看作一个打不开的黑盒,主要根据功能需求设计测试用例,进行测试.本章主要介绍几种常用的黑盒测试方法和黑盒测试工具,并通过实例介绍各种方法的 ...

  2. codesmith生成java类

    今天生成的时候的时候找不到类型转换的文件JavaAlias 后台发现我装完codesmith后,没有把类型转换类放入对应的文件 把System-JavaTableNameComments.csmap和 ...

  3. css高度自适应

    何为高度自适应? 高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容.高度自适应不像宽度自适应那样简单,在 ...

  4. 用户行为数据采集核心思维（APP、web数据采集/埋点）

    关于数据采集(也就是所谓的埋点),有很多中形式,或者说方法.所有的数据采集都时围绕一个核心的三个点来做区别的处理. 数据采集核心思维三个点: 1.对象: 要采集谁,一个页面.一个按钮,页面或者按钮,就 ...

  5. UIImagePickerController在ios10环境一打开就crash的问题

    在之前的系统环境下,UIImagePickerController都可以顺利打开.但是自从手机升级了ios10以后,每次打开相机和照片库都会直接崩溃. 通过google搜索找到StackOverflo ...

  6. 清除路由器NAT地址转换

    首先当你的NAT网络地址转换成功搭建起来,并且测试过网络通信时,此时NAT地址转换表上面是存在转换信息的,你可以通过在特权模式下输入命令"show ip nat translation&qu ...

  7. svn不能添加.a文件的解决方法

    上次说用svn add命令添加.a文件,下面是另外的一种解决办法: 修改~/.subversion/config文件,增加一条 # global-ignores = *.o *.lo *.la *.a ...

  8. System.Web.Mvc.UrlHelper的学习与使用

    我们学习一下UrlHelper帮助类,看类名也都知道这个类是用来帮我们生成URL在ASP.NET MVC应用程序中.让我们来看看该类给我们带来了哪些方便的方法和属性,UrlHelper提供了四个非常常 ...

  9. Java/Android 二进制数据与String互转

    将经过加密的二进制数据保存到本地的方法 byte[] src = new byte[] { 122,-69, -17, 92, -76, 52, -21, -87, -10, 105, 76, -75 ...

  10. Ubuntu下设置（增加／删除）开机启动项

    As said above, you have to edit /etc/xdg/autostart/ and either: remove the NoDisplay=true lines; or ...