關於HTMl CSS

來源:互聯網
上載者:User

標籤:網站名   添加   選擇   寬度   設定   標記語言   doctype   settings   搜尋引擎最佳化   

 

HTML  結構       CSS   表現         JS  行為

 

首先說一個SEO,搜尋引擎最佳化

標準文檔流:(1)前提:在沒有css的幹預下     (2)區塊層級元素:獨佔一行,可定義寬和高      (3)行內元素:並排顯示,寬度自動

HTML(Hyper Text Markup Language)超文字標記語言 (HTML)    

標籤就是機器語言的一種標識

<! DOCTYPE html>  文件類型定義

<meta charset="UTF-8">字元編碼集       UTF-8是萬國碼

<title>是唯一必須的元素。

<head>中定義文檔的頭部,不會作為內容顯示給讀者,

(一些快速鍵方式    注釋:選擇需要注釋的內容,ctrl+?;複製:ctrl+D;寫一個標籤,先把標籤名先寫上,然後按Tab)

建立一個新的webstom,首先要去設定它的字元編碼集:file--settings--editor--file encodings 將三個bottom設定為萬國碼 UTF-8

標籤:

<html>根項目</html>

<head>元資訊</head>

<body>所有要展示給使用者的資訊</body>

<h1></h1>到<h6></h6>一級到六級標題,字型大小越來越小

列表標籤:1.有序列表 <ol>  <li> </li> </ol>       2.無序列表  <ul> <li> </li> </ull>       3.定義列表  <dl><dt><dd></dd></dt>/<dl>

引用:1.<blockquote>引用大段文字/<blockquote>     2,<q>引用小句子</q>    3,<cite>用斜體顯示</cite>用來表示作品名字,網站名字,書名等

</hr> 添加水平橫線

<a  herf="連結地址" alt="_blank"></a>   alt表示屬性,等號後面是屬性值,這裡的_blank表示在新視窗開啟

<img scr="圖片地址"  alt=“瀏覽器打不開圖片時顯示的文字”/>這個標籤沒有閉合標籤,叫單標籤。這種單標籤還有<input/>標籤

<div></div>區塊層級元素 給頁面劃分區塊

還有一些HTML標籤後面繼續寫。。。

接下來說一下這兩天學的CSS。

 

關於HTMl CSS

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.