HTML基础 整理
HTML:超文本传输协议 (Hyper Markup Language)
CSS:网页美化 (Cascading Style Sheets)
JS:java-scipt 脚本语言
Dreamweaver的HTML编辑界面:
1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
详解:
<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中进行了定义。
这句<html xmlns="http://www.w3.org/1999/xhtml">，是在文档中的<html> 标签中使用 xmlns 属性，以指定整个文档所使用的主要命名空间。
2.<html xmlns="http://www.w3.org/1999/xhtml">
详解:
xmlns 是用来定义xml namespace属性的;
xmlns 属性在 XHTML 中是必需的。不过即使你的 XHTML 文档没有使用此属性，W3C 的验证器也不会报错。
3.<head></head>
详解:
head在英文中是头的意思,在html文本中是表头的意思,必须是成对出现,不可单独出现.
4.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
详解:
meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。
content：内容类型 这个网页的格式是文本的，网页模式
charset：内容编码 这个网页的编码是utf-8，中文编码，需要注意的是这个是网页内容的编码，而不是文件本身的，其他类型的编码中文可能会出现乱码。
5.<title>无标题文档</title>
详解:
这是页面标题标签,每个网页名都是由这个标签起的. 6.<body></body>
详解:
这是网页内容编辑标签.所有的网页信息在这个标签内部编辑生成! boay的属性:
bgcolor:页面背景色 整张网页的背景色.
text:网页所有文字的颜色
topmargin:上页边距 距离页面正上方的距离 单位为像素(FX)
leftmargin:左页边距 距离页面左方的距离
rightmargin:右页边距 距离页面右方的距离
bottomargin:底页边距(下页边距) 距离页面下方的距离 一键回到顶头(锚点):
<a name="top"></a>
<a href="#top">返回最顶端</a> 格式控制标签: [必须成对出现才会有效果]
<font size="45" color="#FF0000"></font> 字体大小和字体颜色功能
<br><br/> 网页编辑时的回车功能;如果直接按enter键回车是无效的.
<center></center> 居中功能.
<em></em> 字体倾斜功能
<strong></strong> 字体加粗功能
<u></u> 下划线功能
<i></i> 第二种字体倾斜功能
<b></b> 第二种字体加粗功能
这是空格功能 在键盘上按shift键和空格键就可以实现这一功能. 内容容器标签:[必须成对出现才会实现效果]
<h1></h1> 第一标题
<h2></h2> 第二标题
<h3></h3> 第三标题
<h4></h4> 第四标题
<h5></h5> 第五标题
<h6></h6> 第六标题
此六个标题是标题格式控制标签 他们会默认换行 重要性依次递减 而且会默认与上一行标题标签之间空一行 段落标签:
<p></p> 段落标签
<div></div> 层标签 会占据一行的位置
<span></span> 层标签 会以占了多大空间为基础
<ol></ol> 有序列表标签 会产生123的序列号
<ul></ul> 无序列表标签 会产生为·的项目标点符号
常用标签:
超链接标签:<a href="http://www.QQ.com" target="_blank">腾讯</a>
图片标签:<img src="d://45.jpg" alt="2333">
表格代码:
<table>表格代码</table>
<tr></tr>
width:表格宽度
heigth:表格高度
border:边框粗度 数值为0时没有边框.
cellpaddimg:表格内容与单元格边框的边距
cellspacing:单元格之间的间距.
align:对齐方式 center:居中 justify:两端对齐 left:左对齐 right:右对齐
bacolor:表格背景颜色
background:表格背景图片
colspan:合并同一行单元格 水平方向的单元格
但是要去掉水平方向合并的单元格的代码
rowspan:合并同一列单元格 垂直方向的单元格
但是要去掉垂直方向合并的单元格的代码
个人简历代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人简历</title>
</head>
<body leftmargin="100" rightmargin="100">
<a name="top"></a> <table wigth="200" height="90" border="1" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="110" height="50">姓名</td>
<td width="155" headers=50">XX</td>
<td width="110" headers="50">年龄</td>
<td width="122" headers="50">22</td>
<td width="145" rowspan="5"><p>二寸</p>
<p>免冠照片</p></td>
</tr> <tr align="center">
<td width="110" height="50">性别</td>
<td width="155" height="50">男</td>
<td width="110" height="50">政治面貌</td>
<td width="122" height="50">团员</td>
</tr> <tr align="center">
<td width="110" height="50">民族</td>
<td width="155" height="50">汉族</td>
<td width="110" height="50">籍贯</td>
<td width="122" height="50">淄博张店</td>
</tr> <tr align="center">
<td width="110" height="50">学历</td>
<td width="155" height="50">大专</td>
<td width="110" height="50">毕业院校</td>
<td width="122" height="50">淄博市技师学院</td>
</tr> <tr align="center">
<td width="110" height="50">专业</td>
<td width="155" height="50">计算机网络与信息管理</td>
<td width="110" height="50">毕业时间</td>
<td width="122" height="50">2013年</td>
</tr> <tr align="center">
<td width="110" height="120">教育经历</td>
<td colspan="5"><p>2006年,入马尚镇第二中学学习三年.</p>
<p>2009年,入淄博市技师学院学习四年毕业</p></td>
</tr> <tr align="center">
<td width="110" height="120">工作经历</td>
<td colspan="5">2013年至2016年,在开发区中航三林工业园工作3年</td>
</tr> <tr align="center">
<td width="110" height="120">兴趣爱好</td>
<td colspan="5"><p>喜欢天文地理 爱历史 </p></td>
</tr> <tr align="center">
<td width="110" height="120">联系方式</td>
<td colspan="5">15264388510</td>
</tr> </table>
</body>
</html>
HTML基础 整理的更多相关文章
- 机器学习 —— 基础整理（六）线性判别函数：感知器、松弛算法、Ho-Kashyap算法
这篇总结继续复习分类问题.本文简单整理了以下内容: (一)线性判别函数与广义线性判别函数 (二)感知器 (三)松弛算法 (四)Ho-Kashyap算法 闲话:本篇是本系列［机器学习基础整理］在time ...
- MySQL基础整理（一）之SQL基础（未完成）
大家好,我是浅墨竹染,以下是MySQL基础整理(一)之SQL基础 1.SQL简介 SQL(Structure Query Language)是一种结构化查询语言,是使用关系模型的数据库应用语言. 2. ...
- nutch的一些基础整理
nutch的一些基础整理 原创 2015年03月22日 18:18:01 标签: nutch / 240 编辑 删除 一.关于配置文件: nutch-default.xml:爬虫的默认配置.在${nu ...
- [转帖]nginx基础整理
nginx基础整理 https://www.cnblogs.com/guigujun/p/6588545.html 目录结构如下: Nginx基础知识 Nginx HTTP服务器的特色及优点 Ngin ...
- JAVA基础整理-集合篇（一）
集合作为JAVA的基础知识,本来感觉自己理解的很清楚了,但是在最近的一次面试中还是答得不尽如人意!再次做一下整理,以便加深理解以及随时查阅. 首先,java.util包中三个重要的接口及特点:List ...
- 关于JAVA面向对象基础整理以及个人的理解(适合初学者阅读)
JAVA的基础语法等都跟C有很大的相似之处,所以这里就不多啰嗦了.直接从数组开始. 数组: 1.声明 int [] a; 在声明的过程中,并没有分配空间给数组.我们可以在声明的同时,用new来分配相应 ...
- C#基础整理
元旦整理书架发现一本小册子——<C#精髓>中国出版社2001年出版的,粗略翻了下关于C#的知识点挺全的虽然内容谈得很浅也有很多过时的内容(话说这本书是我在旧书店花5块钱淘的)我保留原有章节 ...
- HTML5游戏开发技术基础整理
随着HTML5标准终于敲定.HTML5将有望成为游戏开发领域的的热门平台. HTML5游戏能够执行于包含iPhone系列和iPad系列在内的计算机.智能手机以及平板电脑上,是眼下跨平台应用开发的最佳实 ...
- js数组基础整理
首页: 主要整理了一下数组中常用的一些基础知识,代码都是自己手敲,有不对的地方希望能指出,目前只有4篇,后续会不断的增加这一板块. 由于少于100字不能发所以把一些最基本的创建数组也写上. // 创建 ...
- 机器学习 —— 基础整理（四）特征提取之线性方法：主成分分析PCA、独立成分分析ICA、线性判别分析LDA
本文简单整理了以下内容: (一)维数灾难 (二)特征提取--线性方法 1. 主成分分析PCA 2. 独立成分分析ICA 3. 线性判别分析LDA (一)维数灾难(Curse of dimensiona ...
随机推荐
- 夺命雷公狗—angularjs—24—extend继承对象
我们的angularjs中也是给我们留下了方法来做继承的,那么他就是传授中的extend... 不过要如下所示,第二个参数是继承到第一个对象里面的... <!DOCTYPE html> & ...
- 夺命雷公狗—angularjs—18—angularjs的事件
对于一款前端框架,提起事件,很容易让人联想到DOM事件,比如说鼠标点击以及页面滚动等.但是我们这里说的angular中的事件和DOM事件并不是一个东西. 事件的发布 我们可以通过 $emit() 以及 ...
- LDA-math-神奇的Gamma函数
http://cos.name/2013/01/lda-math-gamma-function/ 1. 神奇的Gamma函数1.1 Gamma 函数诞生记学高等数学的时候,我们都学习过如下一个长相有点 ...
- PAT乙级 1015. 德才论 (25)
1015. 德才论 (25) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Li 宋代史学家司马光在<资治通鉴&g ...
- 为什么在我眼里你是一只傻逼——傻逼“常所用”句型之(2)——“当当网的就有XXX人评论，YYY%的推荐”
A:这东西里面尽是大粪. B:这东西当当网的就有325人评论,98.8%的推荐.京东的整体评论是五星,37人评价,31人给好评,1人差评,5人中评:亚马逊有6条好评,1条中评. http://news ...
- Angularjs之directive指令学习笔记（二）
1.Directive的五个实例知道driective作用.其中字段restrict.template. replace.transclude.link用法 参考文章链接地址:http://damoq ...
- Rsync原理介绍及配置应用
1.前言 基于LAN或WAN的网络应用之间进行数据传输或者同步非常普遍,比如远程数据镜像.备份.复制.同步,数据下载.上传.共享等等.对此,最简单.直接的做法是对数据进行完全复制.然而,数据在网络上来 ...
- mongo 学习笔记
mysql语句 : ' ,,),(,,) mongo语句: db.}}).limit() db."}) db.}}) 条件操作符1 mongodb中的条件操作符有: (>) 大于 ...
- PostgreSQL的 Slony-I 数据同步
原文--http://www.tuicool.com/articles/mMvARf 先谈谈slony的局限性: 1. DDL动作是不会被复制到: 2. 如果想使用slony来同步数据,表必须是带有主 ...
- C#.Net理论
-------------2014年8月28---------------------------- 1.C#的委托是什么,事件是不是一种委托?答:委托可以把一个方法作为参数代入另一个方法.委托可以理 ...