您的位置:首页 > Web前端 > HTML

15-07-23 HTML--标签

2015-08-03 14:52 417 查看
超文本标记语言:HTML

W3C:互联网联盟

注释语法:<!--注释掉的内容-->

标签格式:
双标签元素:<标签名 属性 style="样式">内容</标签名>

单标签元素:<标签名 /> 或<标签名>

基本标签:

(一) 自带标签

<html>网页开始 </html>网页结束

<head>头标签 里面放控制性的东西

<body>主体标签,里面放网页内容

<title>网页的标题

(二)格式标签(例:word工具条)

1.<fount face=" " size=" " color=" "> 控制字体属性

2.<b></b> 字体加粗

3.<i></i> 字体倾斜

4.<u></u> 下划线

5.<br /> 换行

6.  表示空格

(三)内容标签(模型:QQ新闻页面)

1.<h1></h1>...<h6></h6> 标题--<h1>字体最大,<h6>字体最小

2.<p></p> 段落标签

3.<ul></ul> 无序列表

  <li>内容</li>

<ol></ol> 有序列表

  <li>内容</li>

4.<div></div> 层标签(默认占一行)

<span></span> 层标签(默认多大空间占多大空间)

5. “../” 表示上级目录

“./” 表示当前目录

二、常用标签

(一) 超链接<a></a>

1.超链接文字---中间的内容

2.超链接的导向地址---href属性

3.target属性---_blank属性 在新窗口打开/_self属性 在自身窗口打开

路径问题:手写路径怎么写

以该网页所在的位置为基础,如果找它的父级文件夹用../ 如果找它的子级文件夹用/ 直到找到图片为止

(二) 图片<img />

1.图片的路径---src属性

2.图片的大小---width属性 height属性

3.图片描述名称---alt属性

(三) 图片超链接<a> <img /> </a>

三、表格标签:

<table> 属性:width:表格宽度,border:边框 cellspacing:单元格间距 cellpadding:单元格的内边距 bordercolor:边框颜色

<tr>行,属性:bgcolor:背景色,

<td>单元格:属性:width:宽度,height:高度,align:水平对齐 valign:垂直对齐 rowspan="3"合并列 colspan="2"合并行

锚点:怎么用?

1.设置锚点,在要设置锚点的地方加一个a标签<a name="md"></a>

2.设置跳转,在要跳转的地方加一个A标签<a href="#锚点名"></a>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: