HTML5基礎

北冥複習html(一)

1、基本結構

<!DOCTYPE html>
<html>
  <head>
    <title>網頁標題</title>
    <meta charset="utf-8"/>
  </head>
  <body>
  </body>
</html>

2、什麼是HTML?

  • HTML指的是超文本標記語言(Hyper Txet Markup Language)
  • HTML不是一種編程語言,而是一種標記語言==》是一套標記標籤,用來描述網頁

3、HTML屬性

  • HTML能夠擁有屬性
  • 屬性提供了有關HTML元素更多的信息
  • 屬性老是以 名稱/值 成對的形式出現例如
    name="value"; href="beiming.png";
  • 屬性老是在HTML元素的開始標籤中規定,例如:
    (<a href = "">==》開始標籤; </a>==》結束標籤)

4、結構標籤

doctyoe ==》聲明
html ==》文檔標籤
head ==》頭部信息標籤
title ==》文檔標籤標題
meta ==》聲明瀏覽器信息
body ==》主體標籤html

5、基本標籤

h1~h2==》標題標籤
p==》段落標籤
<br/>==》換行
<hr/>==》水平線
strong==》加粗
em==》斜體
&nbsp;==》空格
& gt;& lt;==》大於、小於符號
&quot;==》引號
&copy;==》版權符號編程

6、圖像標籤

結構:<img/>
元素:src="圖片地址"; height="像素"(高); width="像素"(寬); title="提示內容"(鼠標懸停提示); alt="內容"(沒加載出圖片時,圖片的代替文字);
例子:
<img src="image/beiming.png" heigh="586" width="350" title="圖片" alt="未找到圖片" />
效果:
瀏覽器

 圖片

7、超連接

1.連接標籤:跳轉指定網頁
語法:<a>連接內容</a>
元素:1.href="路徑";是連接打開的路徑 2.target="打開方式";是連接的打開方式,默認爲slef,即在當前窗體直接打開,blank是新建一個窗口打開

2.錨連接:在當前網頁跳轉指定位置
使用方法:
<ahref = "#a1">點擊跳轉</a>
<name = "a1">已到跳轉點</a>   編程語言

相關文章
相關標籤/搜索