日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

菜鸟学前端之遍寻名师之混乱的笔记

發布時間:2025/3/21 HTML 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 菜鸟学前端之遍寻名师之混乱的笔记 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

寫在前面:本系列文章僅用于作者記筆記方便回顧,其中絕大部分內容來自w3cschool,想要學習的可以直接去。

在學習標簽之前,將那幾個標準屬性(全局屬性)談一下,要不然對標簽功能理解會有障礙。


accesskey :激活元素的快捷鍵,通俗講就是定義一個快捷鍵

? ?以下元素支持 accesskey 屬性:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。

?<a href="www.csdn.net" accesskey="c">CSDN</a> ??


class:規定一個類名classname,一般是為了CSS和JS進行操作

一個元素可以取多個classname,方便CSS進行多模式操作,也就是對其增加更多格式,只需在名字們中間加空格

<html> <head> <style type="text/css"> h1.intro {color:blue;} .important {color:red;} .cc{text-align:center;} </style> </head><body> <h1 class="intro">Header 1</h1> <p>A paragraph.</p> <p class="important cc">請注意這個重要的段落。:)</p> </body> </html>現在只需要知道<style></style>內是定義格式的即可,我們對段落p通過兩個classname分別定義了字體顏色和居中,而對于h1,只進行了字體顏色

結果:


Header 1

A paragraph.

請注意這個重要的段落。:)


contenteditable :可編輯的。content edi table

<p contenteditable="true">這是一個可編輯的段落</p>
dir :規定元素內容的文本方向 <p dir="ltr">從左往右的文本,反之為rtl</p>

draggable:是否可拖動的,鏈接和圖像默認可拖動true,auto則是瀏覽器默認。 dropzone:?<element dropzone="copy|move|link"> ?copy:拖動產生副本,move:數據會移動到被拖動的地方,link:產生原有數據的鏈接
hidden:<p hidden>這個段落應該被隱藏。</p>
id:id是唯一的,不像classname,但是功能差不多
lang:指明語言
spellcheck:

spellcheck 屬性規定是否對元素進行拼寫和語法檢查。很明顯是一種手段。

可以對以下內容進行拼寫檢查:

  • input 元素中的文本值(非密碼)
  • <textarea> 元素中的文本
  • 可編輯元素中的文本

<p contenteditable="true" spellcheck="true">這是一個段落。</p>
style:

style 屬性規定元素的行內樣式(inline style)

style 屬性將覆蓋任何全局的樣式設定,例如在 <style> 標簽或在外部樣式表中規定的樣式。


tabindex :當Tab用于導航時,可規定Tab的次序


title:title 屬性規定關于元素的額外信息。

這些信息通常會在鼠標移到元素上時顯示一段工具提示文本(tooltip text)。

title 屬性常與 form 以及 a 元素一同使用,以提供關于輸入格式和鏈接目標的信息。同時它也是 abbr 和 acronym 元素的必需屬性。

就是鼠標放在上面會有更多信息


感覺好亂的樣子,不過就先這樣,開始學習標簽


總結

以上是生活随笔為你收集整理的菜鸟学前端之遍寻名师之混乱的笔记的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。