HTML语言第一章 HTML基础

最新推荐文章于 2024-08-16 10:43:14 发布

柠檬不萌耶

最新推荐文章于 2024-08-16 10:43:14 发布

阅读量486

点赞数

本文链接：https://blog.csdn.net/qq_36074150/article/details/52790394

版权

   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.注释和特殊符号:
       <!--注释内容-->
       特殊符号:
空格          
大于号(>)         >
小于号(<)         <
引号(")         "
版权符号(@)         &copy;
   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>