码迷,mamicode.com
首页 > Web开发 > 详细

HTML 基础知识

时间:2017-03-23 21:52:46      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:显示   src   图片路径   otto   title   ext   微软   tom   margin   

什么是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>   换行

&nbsp   空格

文字颜色为:http://tool.oschina.net/commons?type=3

图片标记
<img src="图片路径"  title="点击图片显示的文字"  alt="图片断裂显示的文字"  width="宽" height="高度">

  <a href="链接的地址"   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="连接" 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 基础知识

标签:显示   src   图片路径   otto   title   ext   微软   tom   margin   

原文地址:http://www.cnblogs.com/zhangwei99com/p/6607131.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!