HTML简单知识

来源：互联网发布：sob0.2亚洲版淘宝编辑：程序博客网时间：2024/05/16 06:59

HTML是超文本标记语言，不是编程语言，而是一种标记语言！

html使用标记标签来描述网页

成对出现标签 <b></b> 第一个是开放标签，第二个是闭合标签

<html></html>之间的文本描述网页

<body></body>之间的文本是可见的页面内容

<h1></h1>之间的文本被显示为标题

<p></p>之间的文本被显示为段落

html标题是通过<h1>--<h6>等标签进行定义的：

<h1>Title</h1>

<h2>Title</h2>

<h3>Title</h3>

......

<h6>Title</h6>

显示的Title大小是由上至下变小！！！

html超链接：<a>标签 <a href="url">Link text</a>

html target属性：可以定义被链接的文档在何处显示。

target为_blank就会在新窗口中打开

eg:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- HTML是超文本标记语言，不是编程语言，而是一种标记语言！
html使用标记标签来描述网页 -->
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
  <h1>My First Heading</h1>
  <h2>this is a heading</h2>
  <h3>this is a heading</h3>
  <h6>this is a heading</h6>
<!--html标题是通过<h1>--<h6>等标签进行定义的：
   <h1>Title</h1>
   <h2>Title</h2>
   <h3>Title</h3>
   ......
   <h6>Title</h6>
  显示的Title大小是由上至下变小！！！ -->

 <!-- 成对出现标签 <b></b>  第一个是开放标签，第二个是闭合标签 -->
  <p>My First paragraph.</p>
<!--<p></p>之间的文本被显示为段落 -->
 
  <a href = "http://www.baidu.com">this is a title</a>
  <!-- 在href属性中指定链接的地址，this is a title 是显示的名称 -->
  
  <br/>   <!--  就是没有关闭标签的空元素，<br>标签定义换行 -->
  <p>this is<br/> a  para<br/>graph with line breaks</p>
  
 <img src ="l23.jpg" width ="100" height="200"/>
 <!-- img显示图像 -->
 
 <h1 align="center">你好</h1>   <!-- 定义标题居中 -->


 <body bgcolor="green">    <!--定义背景颜色-->
 

  <p> this is a paragraph</p>
  <hr/>
  <p> this is a paragraph</p>
  <hr/>
  <p> this is a paragraph</p>   <!-- <hr/>标签在html页面中创建水平线 -->



 </body>
</html>