首页 > 代码库 > 【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

 

 

 

(二)标签

空格标记:&nbsp;
换行标记:<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基础 文字标记、图片标记、空格、换行、表格、超链接