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

15-07-23 HTML--标签

时间:2015-08-03 16:16:27      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:

超文本标记语言: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.&nbsp;  表示空格

(三)内容标签(模型: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>

 

15-07-23 HTML--标签

标签:

原文地址:http://www.cnblogs.com/jia520110270/p/4699340.html

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