国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

html5——前端筆記

2年前作者：hmb↑分類：Toy博客閱讀(21)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了html5——前端筆記。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

一、html5

1.1、理解html結(jié)構(gòu)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
最簡單的html頁面
</body>
</html>

html頁面：

<!DOCTYPE>不是一個(gè) HTML 標(biāo)簽，它就是文檔類型聲明標(biāo)簽，這句代碼的意思是: 當(dāng)前頁面采取的是 HTML5 版本來顯示網(wǎng)頁

聲明位于文檔中的最前面的位置，處于標(biāo)簽之前。
不是一個(gè) HTML 標(biāo)簽，它就是文檔類型聲明標(biāo)簽。

lang語言種類,用來定義當(dāng)前文檔顯示的語言。

en定義語言為英語
zh-CN定義語言為中文

<meta charset=" UTF-8" />字符集 (Character set)是多個(gè)字符的集合。以便計(jì)算機(jī)能夠識別和存儲各種文字。
上面語法是必須要寫的代碼，否則可能引起亂碼的情況。一般情況下，統(tǒng)一使用“UTF-8”編碼，盡量
統(tǒng)一寫成標(biāo)準(zhǔn)的 “UTF-8”，不要寫成 “utf8” 或 “UTF8”。

html5——前端筆記,前端,html5,筆記

1.2、h1 - h6 (標(biāo)題標(biāo)簽)

作為標(biāo)題使用，并且依據(jù)重要性遞減。

特點(diǎn)：

加了標(biāo)題的文字會變的加粗，字號也會依次變大。
一個(gè)標(biāo)題獨(dú)占一行。

代碼示例：

html5——前端筆記,前端,html5,筆記

1.3、p (段落和換行標(biāo)簽)

<p>標(biāo)簽用于定義段落，它可以將整個(gè)網(wǎng)頁分為若干個(gè)段落。

特點(diǎn)：

文本在一個(gè)段落中會根據(jù)瀏覽器窗口的大小自動(dòng)換行。
段落和段落之間保有空隙。

代碼示例：
html5——前端筆記,前端,html5,筆記

1.4、br 換行標(biāo)簽

<br />強(qiáng)制換行。
特點(diǎn)：

<br /> 是個(gè)單標(biāo)簽。
<br /> 標(biāo)簽只是簡單地開始新的一行，跟段落不一樣，段落之間會插入一些垂直的間距。

代碼示例：兩個(gè)換行
html5——前端筆記,前端,html5,筆記

1.5、文本格式化

在網(wǎng)頁中，有時(shí)需要為文字設(shè)置粗體、斜體或下劃線等效果，這時(shí)就需要用到 HTML 中的文本格式化標(biāo)簽，使文字以特殊的方式顯示。

標(biāo)簽語義: 突出重要性, 比普通文字更重要.

語義	標(biāo)簽
加粗	`<strong><strong/>`
傾斜	`<em><em/>`
刪除線	`<del><del/>`
下劃線	`<ins><ins/>`

html5——前端筆記,前端,html5,筆記

1.6、div 和 span 標(biāo)簽

<div> 和 <span> 是沒有語義的，它們就是一個(gè)盒子，用來裝內(nèi)容的。

特點(diǎn)：

<div> 標(biāo)簽用來布局，但是現(xiàn)在一行只能放一個(gè)<div>大盒子
<span> 標(biāo)簽用來布局，一行上可以多個(gè) <span>小盒子

html5——前端筆記,前端,html5,筆記

1.7、img 圖像標(biāo)簽

<img> 標(biāo)簽用于定義 HTML 頁面中的圖像。

<img src="圖像URL" />

屬性：

屬性	屬性值	說明
str	圖片路徑	必須屬性
alt	文本	替換文本。圖像不能顯示的文字
title	文本	提示文本。鼠標(biāo)放到圖像上，顯示的文字
width	像素	設(shè)置圖像的寬度
height	像素	設(shè)置圖像的高度
border	像素	設(shè)置圖像的邊框粗細(xì)

代碼示例：
html5——前端筆記,前端,html5,筆記

相對路徑 與 絕對路徑

相對路徑：以引用文件所在位置為參考基礎(chǔ)，而建立出的目錄路徑。
html5——前端筆記,前端,html5,筆記
絕對路徑：是指目錄下的絕對位置，直接到達(dá)目標(biāo)位置，通常是從盤符開始的路徑。
例如，“D:\web\img\logo.gif”或完整的網(wǎng)絡(luò)地址“http://www.itcast.cn/images/logo.gif”。

1.8、a 超鏈接標(biāo)簽

<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式"> 文本或圖像 </a>

屬性	作用
href	用于指定鏈接目標(biāo)的url地址，(必須屬性) 當(dāng)為標(biāo)簽應(yīng)用href屬性時(shí)，它就具有了超鏈接的功能
target	用于指定鏈接頁面的打開方式，其中_self為默認(rèn)值，_blank為在新窗口中打開方式。

鏈接分類：

a標(biāo)簽 target 打開方式有如下：
_blank：新窗口打開。
_parent：在父窗口中打開鏈接。
_self：默認(rèn)，當(dāng)前頁面跳轉(zhuǎn)。
_top：在當(dāng)前窗體打開鏈接，并替換當(dāng)前的整個(gè)窗體(框架頁)。
外部鏈接: 例如 < a href="http:// www.baidu.com "> 百度。
內(nèi)部鏈接:網(wǎng)站內(nèi)部頁面之間的相互鏈接. 直接鏈接內(nèi)部頁面名稱即可，例如 < a href=“index.html”> 首頁。
空鏈接: 如果當(dāng)時(shí)沒有確定鏈接目標(biāo)時(shí)，< a href=“#”> 首頁。
下載鏈接: 如果 href 里面地址是一個(gè)文件或者壓縮包，會下載這個(gè)文件。
網(wǎng)頁元素鏈接: 在網(wǎng)頁中的各種網(wǎng)頁元素，如文本、圖像、表格、音頻、視頻等都可以添加超鏈接.
錨點(diǎn)鏈接: 點(diǎn)我們點(diǎn)擊鏈接,可以快速定位到頁面中的某個(gè)位置.
- 在鏈接文本的 href 屬性中，設(shè)置屬性值為 #名字的形式，如<a href="#two"> 第2集 </a>
- 找到目標(biāo)位置標(biāo)簽，里面添加一個(gè) id 屬性 = 剛才的名字，如：<h3 id="two">第2集介紹</h3>

代碼示例：
html5——前端筆記,前端,html5,筆記

1.9、table表格標(biāo)簽

1.9.1、表格標(biāo)簽

  <table align="center" border="1">
<!--    表頭-->
    <tr>
      <th>姓名</th>
      <th>年齡</th>
      <th>性別</th>
    </tr>
<!--    數(shù)據(jù)-->
    <tr>
      <td>何某某</td>
      <td>23</td>
      <td>男</td>
    </tr>
    <tr>
      <td>某某何</td>
      <td>23</td>
      <td>女</td>
    </tr>
  </table>

html5——前端筆記,前端,html5,筆記

<table> </table> 是用于定義表格的標(biāo)簽。
<tr> </tr> 標(biāo)簽用于定義表格中的行，必須嵌套在 <table> </table>標(biāo)簽中。
<td> </td>用于定義表格中的單元格，必須嵌套在<tr></tr>標(biāo)簽中。
字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。
<th> 標(biāo)簽表示 HTML 表格的表頭部分(table head 的縮寫)，一般表頭單元格位于表格的第一行或第一列，表頭單元格里面的文本內(nèi)容加粗居中顯示.

表格屬性：
表格標(biāo)簽這部分屬性我們實(shí)際開發(fā)我們不常用，后面通過 CSS 來設(shè)置.

html5——前端筆記,前端,html5,筆記

1.9.2、表格結(jié)構(gòu)標(biāo)簽

因?yàn)楸砀窨赡芎荛L,為了更好的表示表格的語義，可以將表格分割成表格頭部和表格主體兩大部分。

在表格標(biāo)簽中，分別用：<thead>標(biāo)簽表格的頭部區(qū)域、<tbody>標(biāo)簽表格的主體區(qū)域. 這樣可以更好的分清表格結(jié)構(gòu)

html5——前端筆記,前端,html5,筆記
代碼示例：

  <table align="center" border="1">
    <!--    表頭-->
    <thead>
      <tr>
        <th>姓名</th>
        <th>年齡</th>
        <th>性別</th>
      </tr>
    </thead>
    <!--    數(shù)據(jù)-->
    <tbody>
      <tr>
        <td>何某某</td>
        <td>23</td>
        <td>男</td>
      </tr>
      <tr>
        <td>某某何</td>
        <td>23</td>
        <td>女</td>
      </tr>
    </tbody>

<thead></thead>：用于定義表格的頭部。內(nèi)部必須擁有標(biāo)簽。一般是位于第一行。
<tbody></tbody>：用于定義表格的主體，主要用于放數(shù)據(jù)本體。
以上標(biāo)簽都是放在<table></table>標(biāo)簽中。

1.9.3、合并單元格

合并單元格方式：

跨行合并： rowspan=“合并單元格的個(gè)數(shù)” ，最上側(cè)單元格為目標(biāo)單元格, 寫合并代碼
跨列合并： colspan=“合并單元格的個(gè)數(shù)”，最左側(cè)單元格為目標(biāo)單元格, 寫合并代碼

html5——前端筆記,前端,html5,筆記

html5——前端筆記,前端,html5,筆記代碼示例：<td rowspan="2">何某某</td>

1.10、列表

1.10.1、ul無序列表

<ul> 標(biāo)簽表示 HTML 頁面中項(xiàng)目的無序列表，一般會以項(xiàng)目符號呈現(xiàn)列表項(xiàng)，而列表項(xiàng)使用 <li> 標(biāo)簽定義無序列表的基本語法格式如下：

html5——前端筆記,前端,html5,筆記

無序列表的各個(gè)列表項(xiàng)之間沒有順序級別之分，是并列的。
<ul></ul> 中只能嵌套 <li></li>，直接在 <ul></ul> 標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。
<li> 與 </li> 之間相當(dāng)于一個(gè)容器，可以容納所有元素。
無序列表會帶有自己的樣式屬性，但在實(shí)際使用時(shí)，我們會使用 CSS 來設(shè)置。

1.10.2、ol有序列表

有序列表即為有排列順序的列表，其各個(gè)列表項(xiàng)會按照一定的順序排列定義。
在 HTML 標(biāo)簽中，<ol> 標(biāo)簽用于定義有序列表，列表排序以數(shù)字來顯示，并且使用 <li> 標(biāo)簽來定義列表項(xiàng)。

有序列表的基本語法格式如下：

html5——前端筆記,前端,html5,筆記

<ol></ol>中只能嵌套<li></li>，直接在<ol></ol>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。
<li> 與 </li>之間相當(dāng)于一個(gè)容器，可以容納所有元素。
有序列表會帶有自己樣式屬性，但在實(shí)際使用時(shí)，我們會使用 CSS 來設(shè)置。

1.10.3、自定義列表

自定義列表常用于對術(shù)語或名詞進(jìn)行解釋和描述，定義列表的列表項(xiàng)前沒有任何項(xiàng)目符號。

使用場景如下面
html5——前端筆記,前端,html5,筆記代碼示例：

<dl></dl> 里面只能包含 <dt> 和 <dd>。
<dt> 和 <dd>個(gè)數(shù)沒有限制，經(jīng)常是一個(gè)<dt> 對應(yīng)多個(gè)<dd>。

1.11、表單標(biāo)簽

1.11.1、form 表單域

表單域是一個(gè)包含表單元素的區(qū)域。
html5——前端筆記,前端,html5,筆記

在 HTML 標(biāo)簽中，<form>標(biāo)簽用于定義表單域，以實(shí)現(xiàn)用戶信息的收集和傳遞。

<form> 會把它范圍內(nèi)的表單元素信息提交給服務(wù)器

<form action=“url地址” method=“提交方式” name=“表單域名稱">
 各種表單元素控件
</form>

常用屬性：

屬性	屬性值	作用
action	url地址	用于指定接收并處理表單數(shù)據(jù)的服務(wù)器程序的url地址
method	get / post	用于設(shè)置表單數(shù)據(jù)的提交方式，其取值為get 或 post
name	名稱	用于指定表單的名稱，以區(qū)分同一個(gè)頁面中的多個(gè)表單域

1.11.2、input 表單元素

在 <input> 標(biāo)簽中，包含一個(gè) type 屬性，根據(jù)不同的 type 屬性值，輸入字段擁有很多種形式（可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等）。

<input type="屬性值" />

type 屬性的屬性值及其描述如下：

屬性值	描述
button	定義可點(diǎn)擊按鈕
checkbox	定義復(fù)選框
file	定義輸入字段和 ”瀏覽“ 按鈕，供文件上傳
hidden	定義隱藏的輸入字段
image	定義圖像形式的按鈕
password	定義密碼字段，該字段中的字符被掩碼
radio	定義單選按鈕
reset	定義重置按鈕。重置按鈕會清除表單中的所有數(shù)據(jù)
submit	定義提交按鈕。提交按鈕會把表單數(shù)據(jù)發(fā)送到服務(wù)器
text	定義單行的輸入字段，用戶可在其中輸入文本。默認(rèn)寬度為20個(gè)字符
color	從拾色器中選取顏色
date	定義 date 日期控件,可選擇年月日
datetime-local	定義 datetime 日期控件，可選擇年月日時(shí)分秒
time	定義用于輸入時(shí)間的控件，可選時(shí)分秒
email	定義用于 e-mail 地址的字段（當(dāng)提交表單時(shí)會自動(dòng)對 email 字段的值進(jìn)行驗(yàn)證）
number	定義用于輸入數(shù)字的字段（您可以設(shè)置可接受數(shù)字的限制）
range	定義用于精確值不重要的輸入數(shù)字的控件（比如 slider 控件）

除 type 屬性外，標(biāo)簽還有其他很多屬性，其常用屬性如下：

屬性	屬性值	描述
name	由用戶自定義	定義input元素的名稱
value	由用戶自定義	規(guī)定input元素的值
checked	checked	規(guī)定此input元素首次加載時(shí)應(yīng)當(dāng)被選中
maxlength	正整數(shù)	規(guī)定輸入字段中的字符的最大長度

name 和value 是每個(gè)表單元素都有的屬性值,主要給后臺人員使用.
name 表單元素的名字, 要求單選按鈕和復(fù)選框要有相同的name值.
checked屬性主要針對于單選按鈕和復(fù)選框, 主要作用一打開頁面,就要可以默認(rèn)選中某個(gè)表單元素.
maxlength 是用戶可以在表單元素輸入的最大字符數(shù), 一般較少使用.

代碼示例：

html5——前端筆記,前端,html5,筆記

1.11.3、label 標(biāo)簽

<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)簽）。

<label> 標(biāo)簽用于綁定一個(gè)表單元素, 當(dāng)點(diǎn)擊標(biāo)簽內(nèi)的文本時(shí)，瀏覽器就會自動(dòng)將焦點(diǎn)(光標(biāo))轉(zhuǎn)到或者選擇對應(yīng)的表單元素上,用來增加用戶體驗(yàn)

<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />

核心： <label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同

代碼示例：

html5——前端筆記,前端,html5,筆記

1.11.4、select表單元素

使用場景: 在頁面中，如果有多個(gè)選項(xiàng)讓用戶選擇，并且想要節(jié)約頁面空間時(shí)，我們可以使用<select>標(biāo)簽控件定義下拉列表。

<select>
  <option value="1">選項(xiàng)1</option>
  <option value="2">選項(xiàng)2</option>
  <option value="3">選項(xiàng)3</option>
</select>

代碼示例：

html5——前端筆記,前端,html5,筆記

中至少包含一對。
在中定義 selected =“ selected " 時(shí)，當(dāng)前項(xiàng)即為默認(rèn)選中項(xiàng)。

1.11.5、textarea 表單元素

使用場景: 當(dāng)用戶輸入內(nèi)容較多的情況下，我們就不能使用文本框表單了，此時(shí)我們可以使用 <textarea> 標(biāo)簽。

在表單元素中，<textarea> 標(biāo)簽是用于定義多行文本輸入的控件。
使用多行文本輸入控件，可以輸入更多的文字，該控件常見于留言板，評論。

<textarea rows="3" cols="20">
 文本內(nèi)容
</textarea>

通過標(biāo)簽可以輕松地創(chuàng)建多行文本輸入框。
cols=“每行中的字符數(shù)” ，rows=“顯示的行數(shù)”，我們在實(shí)際開發(fā)中不會使用，都是用 CSS 來改變大小。

1.11.6、表單屬性

1.11.6.1、required 表單不為空

<form>
  <input type="text" required="required">
  <input type="submit">
</form>

html5——前端筆記,前端,html5,筆記

1.11.6.2、placeholder 表單提示信息

placeholder=“請輸入文字”

<form>
  <input type="text" required="required" placeholder="請輸入文字">
  <input type="submit">
</form>

html5——前端筆記,前端,html5,筆記
改變表單提示內(nèi)容顏色

<style>
  input::placeholder{
    color: pink;
  }
</style>

html5——前端筆記,前端,html5,筆記

1.11.6.3、autofocus 自動(dòng)聚焦屬性

頁面加載完成自動(dòng)聚焦到指定表單

<form>
  <input type="text" required="required" placeholder="請輸入文字" autofocus="autofocus">
  <input type="submit">
</form>

html5——前端筆記,前端,html5,筆記

1.11.6.4、autocomplete 自動(dòng)完成建議

autocomplete是一個(gè)HTML屬性，用于指定輸入字段的自動(dòng)完成行為。它可以幫助用戶更快地輸入數(shù)據(jù)，提供輸入建議或自動(dòng)填充選項(xiàng)。

autocomplete屬性有以下取值：默認(rèn)on

on：瀏覽器可以提供自動(dòng)完成建議。
off：禁用自動(dòng)完成建議。

請注意，瀏覽器對autocomplete屬性的支持可能有所不同，因此在不同的瀏覽器中可能會有不同的行為。此外，瀏覽器可能會根據(jù)用戶的輸入歷史和表單數(shù)據(jù)來提供自動(dòng)完成建議。

html5——前端筆記,前端,html5,筆記

1.11.6.5、multiple 可以多選文件提交

<form>
  <input type="file" multiple="multiple">
  <input type="submit">
</form>

html5——前端筆記,前端,html5,筆記

1.12、注釋和特殊字符

html中注釋：以結(jié)束。

 快捷鍵: ctrl + /

特殊字符：

html5——前端筆記,前端,html5,筆記

1.13、html5新增語義化標(biāo)簽

html5——前端筆記,前端,html5,筆記

<header>：表示頁面或區(qū)塊的頭部，通常包含網(wǎng)站的標(biāo)題、導(dǎo)航欄等內(nèi)容。
<nav>：表示導(dǎo)航欄，用于包含網(wǎng)站的主要導(dǎo)航鏈接。
<article>：表示獨(dú)立的文章或內(nèi)容塊，如博客文章、新聞報(bào)道等。
<section>：表示頁面中的一個(gè)獨(dú)立區(qū)塊，可以是一個(gè)章節(jié)、一個(gè)功能模塊等。
<aside>：表示頁面的側(cè)邊欄或附屬內(nèi)容，通常包含與主要內(nèi)容相關(guān)但不是必需的信息。
<footer>：表示頁面或區(qū)塊的底部，通常包含版權(quán)信息、聯(lián)系方式等內(nèi)容。

示例代碼：
html5——前端筆記,前端,html5,筆記

1.14、 video 視頻標(biāo)簽

html5——前端筆記,前端,html5,筆記

<video src="../../img/laorenyuhai.mp4" controls></video>

或

<video width="320" height="240" controls>
  <source src="../../img/laorenyuhai.mp4"  type="video/mp4">
</video>

常見屬性：

src：指定視頻文件的 URL。可以是本地文件路徑或遠(yuǎn)程 URL。
controls：添加該屬性后，會顯示視頻播放器的控制條，包括播放/暫停按鈕、音量控制、進(jìn)度條等。
autoplay：添加該屬性后，視頻會自動(dòng)開始播放。
loop：添加該屬性后，視頻會循環(huán)播放。
muted：添加該屬性后，視頻會靜音播放。
poster：指定視頻封面圖的 URL，當(dāng)視頻未加載或無法播放時(shí)顯示該圖片。
width：指定視頻的寬度，可以使用像素值或百分比。
height：指定視頻的高度，可以使用像素值或百分比。
preload: 指定瀏覽器在頁面加載時(shí)是否預(yù)加載視頻文件。
- auto：默認(rèn)值，瀏覽器會根據(jù)頁面加載情況自動(dòng)選擇是否預(yù)加載視頻文件。
- metadata：瀏覽器只會加載視頻的元數(shù)據(jù)（如時(shí)長、尺寸等），不會加載視頻的實(shí)際內(nèi)容。
- none：瀏覽器不會預(yù)加載視頻文件，只有在用戶點(diǎn)擊播放按鈕時(shí)才會開始加載。

使用 preload 屬性可以控制視頻文件的加載行為，以提高頁面加載速度和節(jié)省帶寬。例如，如果頁面中有多個(gè)視頻，但用戶可能只會觀看其中的一部分，可以將 preload 屬性設(shè)置為 “metadata” 或 “none”，以減少不必要的網(wǎng)絡(luò)請求和資源消耗。

代碼示例：

html5——前端筆記,前端,html5,筆記

1.15、 audio 音頻

標(biāo)簽是HTML5中用于在網(wǎng)頁上播放音頻的標(biāo)簽。它可以用于播放音樂、音效、語音等各種音頻文件。

<audio src="audio-file.mp3" controls></audio>

<audio controls>
  <source src="audio-file.mp3" type="audio/mpeg">
  <p>您的瀏覽器不支持HTML5音頻標(biāo)簽。</p>
</audio>

你還可以在標(biāo)簽中添加其他屬性來控制音頻的播放行為，例如：

autoplay：自動(dòng)播放音頻。
loop：循環(huán)播放音頻。
preload：預(yù)加載音頻文件。
controls：顯示控件，比如播放按鈕
src：要播放的音頻的URL

html5——前端筆記,前端,html5,筆記文章來源地址http://www.zghlxwxcb.cn/news/detail-691664.html

到了這里，關(guān)于html5——前端筆記的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

前端之html5
html5優(yōu)勢： ? ? 語義化標(biāo)簽： ? ? ? ? ? ? 布局標(biāo)簽： ? ? ? ? ? ? ?狀態(tài)標(biāo)簽： ? ? ? ??列表標(biāo)簽： ? ? ? ?文本標(biāo)簽： ? ? ? ? ?表單控件： ? ? ? ? 視頻標(biāo)簽： ? ? ? ? ?音頻標(biāo)簽： ? ? ? ? 全局屬性： article和section區(qū)別：兼容性處理： ? ? ? ? ? ?1 針對javascr
2024年02月13日
瀏覽(24)
前端學(xué)習(xí)——HTML5
新增布局標(biāo)簽新增狀態(tài)標(biāo)簽新增列表標(biāo)簽新增文本標(biāo)簽新增表單控件屬性 input新增type屬性值新增視頻標(biāo)簽新增音頻標(biāo)簽
2024年02月12日
瀏覽(30)
html5前端學(xué)習(xí)
定義HTML文檔，瀏覽器看到后就明白這個(gè)是HTML文檔，所以其他元素要包裹在它里面，標(biāo)簽限定了文檔的開始點(diǎn)和結(jié)束點(diǎn)。 head標(biāo)簽用于定義文檔的頭部，描述了文檔的各種屬性和信息，包括文檔的標(biāo)題、在Web的位置以及和其他文檔的關(guān)系等，絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會
2024年02月08日
瀏覽(27)
html5前端學(xué)習(xí)2
一篇思維題題解：第五周任務(wù) [Cloned] - Virtual Judge (vjudge.net) K - Summer Vacation-CSDN博客? 快捷鍵： Ctrl+Alt+Down? ? ? ? 向下選取 Ctrl+Alt+Up? ? ? ? ? ? ?向上選?。〞霈F(xiàn)多個(gè)光標(biāo)，可以同時(shí)輸入） Ctrl+Enter? ? ? ? ? ? ? ? 無論光標(biāo)在哪個(gè)位置，都向下?lián)Q行，與Enter有區(qū)別鏈接分
2024年02月10日
瀏覽(30)
HTML5前端標(biāo)簽練習(xí)
標(biāo)簽的分類標(biāo)簽的嵌套 a標(biāo)簽驗(yàn)證form表單朝后端提交數(shù)據(jù) 效果代碼
2024年02月08日
瀏覽(32)
前端-01Html5基本知識
內(nèi)容使用瀏覽器打開瀏覽器谷歌瀏覽器清緩存 ctrl+shift+delete vscode 生成瀏覽器文件.html的快捷方式 !+回車常用快捷鍵快速打開瀏覽器插件open in browser 安裝，就會多出兩個(gè)選項(xiàng)來概念是一種用來描述網(wǎng)頁的一種語言，被稱為超文本標(biāo)記語言，本質(zhì)是標(biāo)記語言，標(biāo)記語言是
2024年02月04日
瀏覽(37)
02-前端基礎(chǔ)第二天-HTML5
能夠書寫表格能夠?qū)懗鰺o序列表能夠?qū)懗?~4個(gè)常用input表單類型能夠?qū)懗鱿吕斜肀韱?能夠使用表單元素實(shí)現(xiàn)注冊頁面能夠獨(dú)立查閱W3C文檔表格標(biāo)簽列表標(biāo)簽表單標(biāo)簽綜合案例查閱文檔表格是實(shí)際開發(fā)中非常常用的標(biāo)簽：表格的主要作用表格的基本語法 1.1表格的主要
2024年02月12日
瀏覽(27)
html5學(xué)習(xí)筆記13-HTML5 新元素
https://www.runoob.com/html/html5-new-element.html 新多媒體元素新表單元素新的語義和結(jié)構(gòu)元素移除的元素,HTML 4.01 元素在HTML5中已經(jīng)被刪除:
2024年02月11日
瀏覽(33)
讀書筆記：《HTML5開發(fā)手冊》--HTML5新的結(jié)構(gòu)元素
這是補(bǔ)充HTML5基礎(chǔ)知識的系列內(nèi)容，其他為：一、HTML5-- 新的結(jié)構(gòu)元素二、HTML5-- figure、time、details、mark 三、HTML5-- details活學(xué)活用四、HTML5-- 現(xiàn)存元素的變化五、HTML5 -- Web表單雖然從事前端開發(fā)已有很長一段時(shí)間，對HTML5標(biāo)簽也有使用，但在語義化上面理解還不夠清晰。之前
2024年02月07日
瀏覽(37)
HTML5 跨屏前端框架 Amaze UI
Amaze UI采用國際最前沿的“組件式開發(fā)”以及“移動(dòng)優(yōu)先”的設(shè)計(jì)理念，基于其豐富的組件，開發(fā)者可通過簡單拼裝即可快速構(gòu)建出HTML5網(wǎng)頁應(yīng)用，上線僅半年，Amaze UI就成為了國內(nèi)最流行的前端框架，目前在Github上收獲Star數(shù)近萬，服務(wù)于全球50W開發(fā)者。 Amaze UI 的開發(fā)歷程云
2024年02月08日
瀏覽(26)

<dfn id="gyid3"></dfn>