首页 > 代码库 > 【2017-3-22】HTML基础 文字标记、图片标记、空格、换行、表格、超链接
【2017-3-22】HTML基础 文字标记、图片标记、空格、换行、表格、超链接
(一)
1.HTML: 网站(站点) - 网页
HTML作为文件后缀名,可以把文件变为网页
HTML是一门编程语言的名字:超文本标记语言
超越了文字的范畴,除了文字还可以有图片、视频、音频、动画特效等其它内容,由标记<>组成的一门计算机编程语言
HTML语言的作用:做网页
2.基本格式:
<html>
<head></head>
<body>
</body>
</html>
3.标签
文字标记
+ 加粗、倾斜、下划线 <b> <i> <u>
+ 颜色、大小、字体样式 <font color="" size="" face="" ></font>
-图片标记
<img src="http://www.mamicode.com/相对路径" width="200" height="10" title="" />
可以设置宽度、高度,两个数值会自动匹配,设置一个即可;可以设置百分比或像素px
(二)标签
空格标记:
换行标记:<br />
段落标记:<p></p>
表格:
<table>
<tr>
<td></td>
</tr>
</table>
border - 边框粗细
width - 宽度 px %
height - 高度
align - 水平排列格式
valign - 垂直排练格式
bgcolor - 背景颜色
background - 背景图片
cellspacing - 单元格之间的间距 外间距
cellpadding - 内容与单元格之间的间距 内间距
超链接: <a href="http://www.mamicode.com/连接" target="_blank"> 文字/图片 </a>
target -- 打开新的网页标签
(三)
去掉内容与网页的边距,写在head里
<style type="css/text">
*{
padding:0px;
margin:0px;
}
</style>
【2017-3-22】HTML基础 文字标记、图片标记、空格、换行、表格、超链接