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

【2017-3-22】HTML基础 文字标记、图片标记、空格、换行、表格、超链接

时间:2017-03-22 23:11:27      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:链接   内容   路径   基本   size   编程语言   ack   order   文字   

(一)

1.HTML: 网站(站点) - 网页

HTML作为文件后缀名,可以把文件变为网页

HTML是一门编程语言的名字:超文本标记语言
超越了文字的范畴,除了文字还可以有图片、视频、音频、动画特效等其它内容,由标记<>组成的一门计算机编程语言

HTML语言的作用:做网页

2.基本格式:

<html>
<head></head>
<body>

</body>
</html>

3.标签

文字标记
+ 加粗、倾斜、下划线 <b> <i> <u>
+ 颜色、大小、字体样式 <font color="" size="" face="" ></font>

-图片标记
<img src="相对路径" 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="连接" target="_blank"> 文字/图片 </a> 

target -- 打开新的网页标签

 

 

 

(三)

去掉内容与网页的边距,写在head里

<style type="css/text">

  *{

    padding:0px;

    margin:0px;

   }

</style>

【2017-3-22】HTML基础 文字标记、图片标记、空格、换行、表格、超链接

标签:链接   内容   路径   基本   size   编程语言   ack   order   文字   

原文地址:http://www.cnblogs.com/hanqi0216/p/6602309.html

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