首页 > 代码库 > HTML 基础知识
HTML 基础知识
什么是HTML
超文本标记语言
通俗的说 超越文本范畴（不局限于文本，还可以是图片 音乐 视频） 用来标记的语言
基本格式
<!-- 内容--> 注释
1 <html> 2 <head> 3 <!-- 网页上的控制信息--> 4 <title>页面标题<title> 5 </head> 6 <body> 7 页面的内容 和显示的内容 8 </body> 9 </html> 10
body的属性：
bgcolor 背景色
bgground 背景壁纸
例如：
<body bgcolor="red"> <!--整个页面都是红色--> </body>
<body background="图片路径"> <!--整个页面都是图片壁纸-->
</body >
<body>内容</body>
内容字体的大小 颜色 什么字体
<font size="大小" color=" 颜色" face="字体"> 要输入的文字 </font>
大小一般为1~7 颜色为 英文的颜色 字体和word文档的字体一样 例如：黑体 宋体 仿宋 微软黑体
加粗
<b>内容</b>
倾斜
<i>内容</i>
下划线
<u>内容</u>
字体加粗（强调，语气加重）
<br> 换行
  空格
文字颜色为：http://tool.oschina.net/commons?type=3
图片标记
<img src="http://www.mamicode.com/图片路径" title="点击图片显示的文字" alt="图片断裂显示的文字" width="宽" height="高度">
<a href="http://www.mamicode.com/链接的地址" target="_blank">显示的文字/图片</a>
target="_blank" 意思是另外重新开一个网站
<table> 表格
<tr> 行
<td></td> 列
</tr>
</table>
border - 边框粗细 border="0"
width - 宽度 px %
height - 高度
align - 水平排列格式
align ="center" 意思是居中
valign - 垂直排练格式
valign="bottom" 置底
valign="top" 置顶
bgcolor - 背景颜色 表格 行 列
background - 背景图片 表格 行 列
cellspacing - 单元格之间的间距 外间距
cellspacing ="10" 单元格与边距像素为10
cellspacing="50" 意思是单元格的像素为50
cellpadding - 内容与单元格之间的间距 内间距
cellpadding="50" 内容与四边像素为50像素
超链接： <a href="http://www.mamicode.com/连接" target="_blank"> 文字/图片 </a>
超链接去下底线 在<head> </head> 之间
<style type="text/css" />
<a {
text-decoration:none
}
<style>
把边框变相去掉 在<head> </head>之间
<style type="text/css" />
*{
padding:0 px
margin:0 px
}
</style>
HTML 基础知识