1. 程式人生 > >JavaWeb基礎總結之HTML

JavaWeb基礎總結之HTML

HTML:超文字標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於建立網頁的標準標記語言。HTML 執行在瀏覽器上,由瀏覽器來解析。HTML頁面是靜態頁面。

新建一個HTML頁面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>
  • <!DOCTYPE html>
     宣告為 HTML5 文件
  • <html> 元素是 HTML 頁面的根元素
  • <head> 元素包含了文件的元(meta)資料,如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8
  • <title> 元素描述了文件的標題
  • <body> 元素包含了可見的頁面內容

HTML被稱作為超文字標記語言,那麼我們就可以知道他並不是一門程式語言,而是一門標記語言。所以瞭解學習其標籤,是必不可少的一個環節:格式:

<標籤>內容</標籤>

<p> 元素:

<p> 元素定義了 HTML 文件中的一個段落。這個元素擁有一個開始標籤 <p> 以及一個結束標籤 </p>

<body> 元素:

元素定義了 HTML 文件的主體。這個元素擁有一個開始標籤 <body> 以及一個結束標籤 </body>。

<html> 元素:

元素定義了整個 HTML 文件。這個元素擁有一個開始標籤 <html> ,以及一個結束標籤 </html>。

<i>斜體字:姓名</i>
<br/>
<b>字型加粗:Is-Me-HL</b>
<br/>
<s>字型刪除:個人站點:</s>
<br/>
<u>字型加下劃線:www.208j.club</u>
<br/>
下標:5<sub>2</sub>
<br/>
上標:5<sup>2</sup>
<p>段落標籤:自帶換行</p>
<div>
    <span>div自動換行,span在一行顯示</span>
</div>

將上述程式碼放入<body></body>標籤中執行即可得到下面效果:

上面是常見標籤的簡單使用,除此之外html還有其他一些好玩的東西:比如將如下程式碼加入到<head></head>標籤中,即可實現一個定時跳轉的功能:

<meta http-equiv="refresh" content="3;url=https://www.baidu.com" />

上述程式碼是在瀏覽器載入完HTML頁面之後3秒自動跳轉到百度搜索頁面。

除了以上,還有部分好玩的東西可以自行百度瞭解(包括iframe等等)。也可以找個教程看看HTML教程(包含H5教程)


注:以上文章僅是個人學習過程總結,若有不當之處,望不吝賜教。