HTML 日常了解1

HTML

HTML(Hypertext Markup Language)超文本標(biāo)記語言


HTML使用標(biāo)簽的的形式來標(biāo)識網(wǎng)頁中的不同組成部分.
所謂超文本指的是超鏈接,使用超鏈接可以讓我們從一個頁面跳轉(zhuǎn)到另一個頁面。

一個最基本的HTML頁面:

<!DOCTYPE  html>
<html>
<head>
        <meta  charset="UTF-8">
        <title>網(wǎng)頁標(biāo)題</title>
</head>
<body>
        <h1>網(wǎng)頁正文</h1>
</body>
</html>

元素

我們還將一個完整的標(biāo)簽稱為元素。
這里我們可以將元素和標(biāo)簽認為是一個同義詞。

<h1>一級標(biāo)題</h1>
上邊的h1我們就稱為元素
<p>我是一個<em>段落</em></p>
p也是一個元素,em是p的子元素,p是
em的父元素。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作業(yè)</title>
</head>
<body id="bh-pge-index">
<center>
    <h1>這是我的博客</h1>
    <hr />
    <h2>菊花臺</h2>
    <a >周杰倫</a><br /><br />
    <p>你的淚光 柔弱中帶傷</p>
    <p>慘白的月彎彎 勾住過往</p>
    <p>夜太漫長 凝結(jié)成了霜</p>
    <p>是誰在閣樓上 冰冷地絕望</p>
    <p>雨輕輕彈 朱紅色的窗</p>
    <p>我一生在紙上 被風(fēng)吹亂</p>
    <p>夢在遠方 化成一縷香 </p>
    <p>隨風(fēng)飄散 你的模樣</p>
    <p>菊花殘 滿地傷</p>
    <img src="1.jpg" width="164px" height="204px" />
    <p>你的笑容已泛黃 </p>
    <p>花落人斷腸 我心事靜靜躺</p>
    <p>北風(fēng)亂 夜未央</p>
    <p>你的影子剪不斷</p>
    <p>一夜惆悵 如此委婉 </p>
    <p>菊花殘 滿地傷 </p>
    <p>你的笑容已泛黃</p>
    <p>花落人斷腸 我心事靜靜躺</p>
    <p>北風(fēng)亂 夜未央</p>
    <p>你的影子剪不斷 </p>
    <img src="2.jpg" width="164px" height="204px" />
    <p>徒留我孤單在湖面 成雙</p>
    <p>是誰在閣樓上 冰冷地絕望</p>
    <p>雨輕輕彈 朱紅色的窗</p>
    <p>我一生在紙上 被風(fēng)吹亂</p>
    <p>夢在遠方 化成一縷香 </p>
    <p>隨風(fēng)飄散 你的模樣</p>
    <p>菊花殘 滿地傷</p>
    <hr />
    <a href="#bh-pge-index"></a>
</center>
</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 本系列文章主要是基于W3school這個學(xué)習(xí)網(wǎng)站來總結(jié)的,之所以會自己總結(jié)一番,一來是因為網(wǎng)站中的實例效果,...
    碼字與律動閱讀 4,296評論 4 70
  • 一.HTML、XML、XHTML 有什么區(qū)別 什么是 HTML? HTML 指的是超文本標(biāo)記語言 (Hyper T...
    Sunset125閱讀 874評論 0 1
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,531評論 1 41
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 14,166評論 1 92
  • 1、 以前在情感節(jié)目里見過這么一對情侶,男人是私家車司機,工作很忙,女人是普通職員,身材嬌小,長相溫婉,給人一種溫...
    老蘋果2閱讀 608評論 5 7

友情鏈接更多精彩內(nèi)容