1. 程式人生 > >HTML的學習筆記

HTML的學習筆記

content idt www com 開始 什麽 功能 lan jsp

一、HTML基本構造

<html>(告知瀏覽器其自身是一個HTML文檔)

  <head>(定義文檔的頭部)

    <title>這是網頁的標題</title>(定義文檔的標題)

  </head>

  <body>(定義文檔的主體)

    這裏是網頁的內容

  <p>這裏是一個文本段</p>

  </body>

</html>

二、什麽是HTML?

HTML:超文本標記語言。(Hypertext、Markup、language)

.txt→.html 純文本文體(靜態)

   .htm 純文本文體(靜態)

.asp

.jsp

超文本:是指頁面可以包含圖片、鏈接、音樂等非文字元素。

<!-- -->(註釋)

三、標簽

<hn>標題標簽共分為六級,通過<h1>-<h6>(大→小)等標簽進行定義

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

<h4>This is a heading</h4>

<h5>This is a heading</h5>

<h6>This is a heading</h6>

<a>超鏈接

  屬性:href="需要打開的地址"(必須有的屬性)

  打開外網時,地址必須加上“http://”

  例:<a href="http://www.baidu.com">打開外網鏈接</a>

    <a href="page1.html">打開本地鏈接</a>

  屬性:target=" " _self (默認在本頁打開)

_blank (新建一個頁面打開)

  例:<a href="page1.html" targe="_blank" >打開本地鏈接</a>

<b>加粗

  例:<b>加粗</b>不加粗

<i>斜體

  例:<i>斜體</i>不是斜體

<u>下劃線

  例: <u>下劃線</u>不加下劃線

<br> <p>兩個標簽都有換行的作用

  <br>元素沒有結束標簽,一般寫成<br/>代表空元素,相當於word中的shift+enter功能

  <p>標簽必須有結束標簽,p元素的作用是標記一個段落

<img> 圖片

  例:<img src="xxx.jpg" width=" ..px" height="..px">

元素語法: 1.以開始標簽起始。

      2.以結束標簽終止。

      3.元素內容是開始標簽和結束標簽裏面的內容

     4.某些HTML元素具有空內容(empty content)

     5.空元素在開始標簽中進行關閉(以開始標簽的結束而結束)

HTML的學習筆記