HTMLl基础知识(一)

来源:互联网 发布:seo外包北京华网 编辑:程序博客网 时间:2024/06/06 00:26

     HTMK表示超文本标记语言(Haper Text Markup Language),即 HTML包含是一个包含标记的文本文件。HTML的结构主要包括头部和主体,头部描述浏览器所需要的信息,主体部分包含了所要展示的具体内容。HTML文件可以用简单的文本编辑器创造大(如windows系统的notepad),但是文件必须有htm或html扩展名。

 HTML的结构如下:

 <html> <!--告诉浏览器这是html的开始-->

 <head> <!--这里加关键字,用于搜索引擎搜索到你的网页-->

 <title>title of page</title><!--浏览器标题栏信息-->

 </head><!--头部结束-->

 <body><!--网页正文部分开始-->

 This is my page!

 </body><!--正文结束-->

 </html><!--文本结束-->

注意:HTMl中的标签通常情况下都是成对存在的。


 HTML文档可包含以下内容:

 文本、连接、图片、列表、表格、表单、框架


 文本

 文本中有以下标签:

 <font></font>:用于改变字体、字号和文字的颜色。

          如<font size="5" color="red" face="黑体">表示红色黑体五号字</font>

 <b></b>:用来给文字加粗

 <u></u>:下划线

 <i></i>:斜体字

 <h1></h1>、<h2></h2>、<h3></h3>:表示一级标题、二级标题和三级标题

 <p></p>:表示分段

 <br>:表示换行

   注意:<br>没有结束标签

 <div></div>:表示独立分块,独立分块的这部分可以定义成相同的格式。

        如<dir style=" size:5;color:green>

         <dr>12345</dr>

         <dr>abcde</dr>

         <dr>dadaxx</dr>

         </div> <!--表示这部分内容都是5号字绿色>


 图片

 <hr>:用于在页面上添加横线,width 和color属性用来控制横线的长度和颜色

    注意:在HTML中,<hr>没有闭合标签(在XHTML中,<hr>必须被明确的关闭,如<hr/>)。

   如<hr width="90%" color="red"><!--表示横线为红色且占整个页面宽度90%-->

 <img>:用于添加图片,src既可以用来表示相对路径也可以用来表示绝对路径。

    如<img src="123.jpg">


 链接

 <a></a>:用来添加超链接,href属性用来指定链接到的地址。<a>既可以包含文本也可以包含图片。

      如<a href="http://www.baidu.com">百度</a><!--表示用户点击“百度”两字即可链接到百度网页-->

       <a href="http://www.baidu.com"><img src="aa.jpg"></a><!--用户点击图片即可链接到百度网页-->


 表格

 <table></table>:表示表格的总标签,可包含多个行、列。

 <tr></tr>:表格里的一行,<tr>包含<td>标签

 <td></td>:表示一个单元格

 <thead></thead>:表头

 <tbody></tbody>:表身

 <tfoot></tfoot>:表脚。打印网页时,如表格很大,一页打印不完,<thead>和<tfoot>将在每一页显示

 <th></th>:用在<tr>里面,<th>表示这个单元格是它所在的行或者列的标题。

 <table border="1">:可用来给表格添加边框。


 <ul></ul>:表示无序列表

 <ol></ol>:表示有序列表

 <li></li>:表示列表的一项


    注释

   格式为<!--注释内容-->


  框架

 <frameset></frameset>:使一个窗口能同时显示多个文档,主框架里以<frameset>标签取代<body>标签。

框架可嵌套。




 


0 0
原创粉丝点击