(交作業啦!!!)html5學習筆記?

不會寫程式碼的小白發表於2022-03-15

交作業啦

由於前段時間比較忙(忙著相親)所以很久都沒有更新文章,也沒有認真學習啦!導致我的老師都來質問我,所以今天要做個檢討了?嘿嘿嘿,是不是有一種上高中的時候被老師催著交作業的感覺!!!d536f31925e0a433ccc51df18453f94.jpg

0cf5451a2c9592effcb0796a1a836a5.jpg
那麼為了證明最近依然在努力學習就給大家整理一份近期的學習筆記,如果有什麼需要補充的地方大家可以聯絡我提出意見。

html簡單的學習記錄:

簡介

HTML5(超文字標記語言)是 Hyper Text Markup Language 5 的縮寫,超文字包括文字、圖片、音訊、視訊、動畫等等image.png

<body>、</body>等成對的標籤,分別叫開放標籤和閉合標籤,單獨呈現的標籤(空元素),如<hr/>意為用/來關閉空元素

DOCTYPE宣告:告訴瀏覽器我們要使用什麼規範
<title>標籤
<meta>標籤:描述性標籤,用來描述網站的資訊,一般用來做SEO(搜尋引擎優化)

網頁基本標籤

標題標籤:<h1>一級標籤</h1>、<h2>二級標籤</h2>…
段落標籤:<p></p>
換行標籤:<br/>
水平線標籤:<hr/>

字型樣式標籤:

粗體:<strong></strong>
斜體:<em></em>

註釋和特殊符號

註釋:<!--註釋 -->
特殊符號:
空格:&nbsp;
大於號:&gt;
小於號:&lt;
版權符號:&copy;

影像標籤

<img src="path" alt="text" title="text" width="x" height="y" />

例如:一張只有聰明的人才能看得見的照片?(我來看看誰不聰明)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>這是一張照片</title>
    </head>
<body>
  <img src="https://image-static.segmentfault.com/193/946/1939460279-623073e306b4c_fix732" title=這是一張照片 width="600"/>
</body>
</html>

連結標籤

超連結標籤:<a></a>

<a href="path" target="目標視窗位置">連結文字或影像</a>

基於以上內容完成了一個新聞頁面,一篇我近期看到且比較感興趣的一則新聞!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新聞頁面</title>
</head>
<body>
    <h1 align="center">#未成年人文身後容易被標籤化#</h1>
    <br />央視網快看 22-3-8 
    <hr />
       <p><center><img src="https://image-static.segmentfault.com/166/348/1663489133-623074a1bc343_fix732" title="當天熱搜榜" ></center></p>
   <p align="lift">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天看到了這樣的一個話題:未成年人文身不是私事和家事"</p>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;然後看到下面的評論直接兩極化,首先我們看問題待看重點:未成年.
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;孩子們心智尚不成熟,文身後容易被標籤化,甚至走入歧途。而且,孩子們正在長身體,文身易感染、難復原,長大後就業受限。這個話題的關鍵是未成年人,如果你是成年人你想文身那是你的自由,
          未成年文身很多是盲目跟風或者是為了需求新鮮感而草率做出的決定,而且當時的經濟情況對於文身師的選擇可能也不會太好,可能會感染,難復原等問題,對未成年人的身體和身心都可能造成傷害,未來入學、參軍、就業若受阻,便會影響成長和發展。

      有人總結:未成年人文身酷一時、痛一生。
      
      也有人說拿紋身說事是“刻板印象”,是對紋身的偏見。其實一直以來社會上就對紋身有兩個比較極端的看法,個人感覺成年人的話無所謂,想怎麼紋就怎麼紋,但是未成年人的話,還是多考慮考慮,實在想紋的話等到18歲成年了也不晚。</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;有人總結:未成年人文身酷一時、痛一生。</p>
    <a href="https://ent.china.com/pic/rg/11060670/20220309/41589646.html">#未成年人紋身不是私事和家事#</a>
    <video

</body>
</html>

好啦!目前只學了這麼一點點
所以作業補交到這啦❤️

相關文章