個網頁對應于一個html文件,HTML文件以.htm或.html為擴展名。可以使用任何能夠生成TXT類型源文件的文本編輯來產生HTML文件。標準的HTML文件都具有一個基本的整體結構,即HTML文件的開頭與結尾標志和HTML的頭部與實體2大部分。有3個雙標記符用于頁面整體結構的確認。
1、HTML元素
a、從開始標簽到結束標簽的所有代碼
b、開始(開放)標簽<p>、結束(閉合)標簽</p>、標簽內的東西:元素內容
c、<br/>空元素,換行的意思
d、用p標簽行之間間隔較大,用br標簽行之間間隔較小
e、HTML元素語法:
(1)元素內容是開始標簽與結束標簽之間的內容
(2)空元素在開始標簽中進行關閉
(3)大多數HTML元素可擁有屬性
f、嵌套的HTML元素:大多數的HTML元素都是可以嵌套使用的
2、HTML屬性
a、標簽可以擁有屬性為元素提供更多信息
b、屬性以鍵值對的形式出現:例如a標簽里面 href="www.baidu.com"
c、常用標簽類型:
(1)<h1 align = " ">對齊方式,例如center中間
(2)<body bgcolor=" ">背景顏色
(3)<a target = " ">規定在何處打開鏈接,_self本地默認打開
屬性:
(1)默認,覆蓋原標簽頁
(2)_blank,打開為新標簽頁
(4)<body backgroud=" ">設置背景圖片
d、通用屬性:
(1)class:規定元素的類名
(2)id:規定元素的唯一ID
(3)style:規定元素的樣式,一般引用css
(4)title:規定元素的額外信息
3、HTML格式化
a、定義粗體文本
b、<big>定義大號字,HTML5會被css代替
c、<em>定義著重問題
d、定義斜體字
e、<small>定義小號字
f、<strong>定義加重語氣
g、<sub>定義下標字
h、<sup>定義上標字
i、<ins>定義插入字,有下劃線
j、<del>定義刪除字,有刪除線
每種HTML標記符在使用中可帶有不同的屬性項,用于描述該標記符說明的內容顯示不同的效果。正文標記符中提供以下屬性來改變文本的顏色及頁面背景。
果凍公開課,開講啦
修真院傾情奉獻的動畫課堂:
每堂幾分鐘,用趣味生動又邏輯清晰 的方式,為你分享編程學習中的知識點及趣味小故事
本節課為大家帶來第一課:什么是HTML
”
動畫視頻:
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
文字解析:
45年前,北京時間10月29日上午10點,計算機向世界發出了它的第一句話“LOL”,標志著互聯網時代的誕生。
而今天的我們,在享受著互聯網便利的同時,是否產生過這樣的思考:
互聯網中我們最直接接觸的網頁,又是如何誕生的呢?
這個問題,可以追溯到更近的時間,25年前,HTML這門語言第一次誕生的時候。這是因為,網頁的基本構成可以簡單概括為由HTML、CSS和JS三部分構成。
當然,這三部分的出現時間也是有著先后關系的,從僅僅只有HTML,慢慢發展到有了CSS,最后到出現了JS。而我們今天也將簡單向大家介紹一下HTML、CSS和JS這三種網頁支柱語言。
HTML誕生于1993年,經過六年時間,從HTML1.0發展到了HTML4.0這個版本。之后,HTML經過了一個較為爭議的過程,出現了一個分支,XHTML和HTML5。
由于XHTML的不兼容性,造成眾多瀏覽器廠家和開發者的反對:W3C關閉了XHTML項目,合并了HTML5,歷經八年正式誕生了HTML 5這個版本——要知道哪吒也只是懷了3年而已。
HTML這門語言,主要是通過一個個被尖括號<>包裹的標簽對內容進行標記,來告訴瀏覽器如何顯示其中的內容。
例如文字如何處理,畫面如何安排,圖片如何顯示等。其中作為結束的標簽在<>中有一個反斜杠/
HTML中的標簽按照類別主要分為12大類,共119種,其中有30個是HTML 5中新推出的標簽。
我們來看看我們最常用的標簽都有哪些吧~
①基礎類
<title></title> 定義文檔的標題
我們平時看到的瀏覽器上面這個網頁標題就是用這個標簽實現的。
大多數的純文字內容都是用<p>標簽包住的,作用就是很簡單的告訴瀏覽器這一大段都是文字
②格式類
<b>可以將文字加粗
<big>可以將文本變為大號文本
<i>可以將文字傾斜
③表單類
<input>是我們常用的輸入控件,通常在網頁中我們可以進行輸入的地方都是用它進行標注的
<select>我們常見的下拉列表就是用它標注的,可以將所有選項折疊收縮,很方便對吧
<button>就是我們可以點擊的各種按鈕,不管是登錄還是取消,都是這個標簽
④圖像類
<img>用來定義圖像,大多數我們看到的圖片都是用這個標簽定義的
⑤音頻視頻類
<audio>用來定義我們的音頻內容,如果在網頁上看到這個音頻播放的東西,準是這個標簽的功勞
<video>用來定義視頻,網頁中你想放視頻的話,可以用這個標簽
⑥鏈接類
<a >IT修真院</a>
我們經常看到的這個藍色有下劃線的文字就是<a>的作用,點擊它我們可以去到新的頁面
⑦樣式類
<div></div>是用來標記一塊區域,用來告訴瀏覽器,這一塊是一個整體
<header></header>主要用來放頁面頭部的內容
<footer></footer>主要用來放頁面尾部的內容
⑧列表類
<ol>列表標簽,我們能看到的這種列表都是用它來實現
⑨表格類
<table>我們看到的這種表格就是用這個來實現的
大家發現了嗎?
HTML的標簽基本都是它標注內容的英文單詞或者是縮寫,十分的語義化
基本上這個標簽是干嘛的,只要看這個標簽是什么意思你就知道的八九不離十了,是不是很簡單~
本節課的內容就是這些啦,我們來復習一下:
1、網頁由HTML、CSS、JS三部分構成
2、歷經8年,從HTML1.0發展到現行的HTML5
3、HTML語言作為標記語言用標簽來告訴瀏覽器如何顯示內容
4、常用的九類標簽
是不是覺得HTML一下變得簡單明了起來了呢,下節課,我們將向大家分享CSS的相關內容,敬請期待~
這里是果凍公開課,一個用趣味的動畫來分享IT知識的課堂
我們將原本復雜、不易理解的編程知識,轉化為一個個有趣的動畫短視頻,為更多人提供生動有趣的IT內容/服務
無論是大咖還是小白,都可以快速學會并深度了解每一個知識點,讓IT,Q彈可口。
想了解更多就到我們官網看看吧
位小伙伴,接下來講解html基礎部分的填空題的講解。
·在html標準中一系列的集合主要包括結構、表現和行為,在這里面不建議各位寫英文。
·接下來在這里面htm要通過將網站與網頁之間各個元素鏈接起來并且構成豐富多彩。在這個頁面里面是不是點擊任意的下拉或者對應的內容有什么?是不是有對應的頁面跳轉在這里面就是超鏈接。
·在html中可以應用tr,這里面就是行標來設置當前的垂直屬性,就是we alone。
·在這里面網頁的跟標記是html主體標記是標題,標記是主體標題是body標題,標題是tatto。
·在html標準中結構標準用于對網頁元素進行整理和分類,包括xml和xhtml。
·選擇題、填空題做一遍下來都有對應的答案了是吧?什么標記在最前面不用講了,就是文檔類型標記。
·在這里面也可以再讀一遍這句話,網頁當中常見的圖片格式有gpg、png和jpg格式。htm有一個中文翻譯,超文本標記語言這個字也要記住,這里面就對應的一個內容的縮寫。
·在這里面常用于對于術語和名詞的解析和描述。
·列表沒有任何的項目符號,u l無需列表有沒有符號?有ol有沒有有序列表有沒有符號?有一二三四,一個是點方形和圓圈對不對?那就只有哪一個定義列表?d l、d t跟d d。
·當to gate等于什么的時候打開新頁面是blank,在這里面記得加個下劃線。
·html中spin標記屬于行內標記。html中什么標記用于設置當前表格的表頭?t h標記。t h是標題標記表格的標題標記。
·在網頁中列表通常分為三類分別定義,分別是什么?有序、無序和定義。但友情提示,不要寫中文,中文完了之后還補英文的內容,因為格式是這樣子的。如果在這里面把后面忽略掉,也可以把后面內忽略掉。
·在圖像中什么屬性用于設置鼠標懸停的時候的提示文字?記住懸停不是未加載,所以是title out是加載不出來的時候顯示。
·在html中文本標記負責給文本添加語義,其中he標記為文本添加標題,就主標題,標題用來添加段落。一般情況下寫標題也應該沒問題,只能說一般情況,但是建議按照參考答案走,如果參考答案是錯的不要按照參考答案走。
·在input標記中什么是用來指定不同類型的空間?肯定是tap,input標簽又稱之為變色龍標簽。隨著tap的值不同,它的狀態和效果也是不同的。
·設置訪問超鏈接的樣子需要給a標簽添加css樣式的尾類是什么?就是list,因為list表示已經訪問。html語言主要通過什么?對當前的內容進行描述肯定是通過標記。htm標記單擊網頁抄鏈接默認的情況下發送的請求方式為get。
在通常將標記分為單標跟雙標,其中什么是指當前一個標記符號即可以完整的描述當前功能?肯定是單標記。image標簽表示一個圖像信息,它有一個必須要指定的屬性來指定路徑,那就src。在這里面各要知道link標記、a標記還有js的標記常用的外列的標記是哪幾個?這個要懂。
a標簽用的是客服,image用的是src,放的標記就是放的指的是字體樣式,可以指什么屬性可以指定當前的文本顏色,那就卡了。英文單詞自己記,不要寫錯了。
若請求u i r地址為當前的內容,則ht t p請求中的host表示主機地址就是對應的網址。在這里面填空題就給大家說完了,謝謝。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。