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

HTML语言 第一章 HTML基础

2016-10-11 18:08 399 查看 
1.HTML是用来描述网页的一种语言,它是一种超强文本标记语言,HTML不是一种编程语言,仅是一种标记语言.
2.基本结构:
<html>
<head>
<title>标签</title>
</head>
<body>
<h1>标题</h1>
......
</body>
</html>
3.HTML标签以"< >"开始,以"</ >"结束.
4.段落和换行标签
段落标签:  <p>......</P>
换行标签:  <br/>
直接使用<br/>表示标签的开始和结束;表示强制换行显示.
5.水平标签:
水平标签<hr/>表示一条水平线,注意该标签与<br/>标签一样,比较特殊,没有结束标签.
6.字体样式标签:
字体加粗的标签是:  <strong>......</strong>
斜体字的标签是:   <em>......</em>
7.注释和特殊符号:
<!--注释内容-->
特殊符号:
空格          
大于号(>)         >
小于号(<)         <
引号(")         "
版权符号(@)         ©
8.图像标签的基本语法:
<img  src="图像地址"   alt="图像的代替文字"   title="鼠标悬停提示文字"     width="图片宽度"     height="图片高度"  />
9.超链接的基本用法:
<a href="链接地址"  target="目标窗口位置">链接文本或图像</a>
href:表示链接地址的途径.
target:指定链接在哪个窗口打开,常用的取值有_self(自身窗口),_blank(新建窗口).
10.超链接的应用场合:
*叶面间链接:从一个页面链接到另一个页面.
*锚链接:  首先在首页的乙位置设置标记:
<a    name="marker">目标位置乙</a>
"name"为<a>标签的属性,"marker"为标记名,其功能类似古时用于固定船的锚;所以也称锚名.
然后在甲位置链接路径href属性值为"#marker">当前位置甲</a>
对应设置锚标记,   <a  name="login">登陆</a>
*功能性链接

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>家用电器排行榜</title>
</head>
<body>
<strong>家用电器排行榜</strong><br/><br/>
<p>
<img  src="tv01.jpg" /><br/>
   创维42E5CHR  42英寸  $2799.00<br/></p>
<hr/>
<p>
<img src="tv02.jpg" /><br/>
   海信LED260JD  42英寸  $2848.00<br/></p>
<hr/>
<p>
<img src="tv03.jpg" /><br/>
   索尼 KLV-40R476A  40英寸  $3599.00<br/></p>
<hr/>
<p>
<img src="tv04.jpg" /><br/>
   创维42E83RE  42英寸  $3699.00<br/></p>
<hr/>
<p>
<img  src="tv05.jpg" /><br/>
   创维42E7BRE  42英寸  $3299.00
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航