JavaWeb基礎總結之HTML
阿新 • • 發佈:2018-11-09
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>
- <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教程)
注:以上文章僅是個人學習過程總結,若有不當之處,望不吝賜教。