溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“html和css基礎知識有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“html和css基礎知識有哪些”吧!
Html是超文本標記語言（英語全稱：HyperText Markup Language，簡稱：HTML）是一種用于創建網頁的標準標記語言。
Css是層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來html和xml等文件樣式的計算機語言，CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
一.基礎內容：
標記=開始標記+內容+結束標記
標記可以嵌套使用，例如：頁面主體標記中含有標題標記，段落標記。
有些標記有屬性，具體格式，以a標記為例，xxxx其中make為標記的屬性。
設計為沒有任何內容的元素稱為void元素，需要使用void元素時，只需要使用一個開始標記，這是一種方便的簡寫，可以減少html中的標記數量
二.常用標記的使用與意義：
<!doctype html>html5的文檔類型定義，這一行要寫到html文件開頭
<html></html>標記html頁面的開始和結束
<head></head>標記頁面的有關信息
<meta charset="utf-8">標記指定字符編碼，這一行要寫到<head>元素中所有其他元素上面
<title></title>為頁面指定一個標題，標記中的內容出現在瀏覽器的頂部
<body></body>標記頁面的主體內容
<!--xxxxx-->中間xxx的內容為注釋的內容
編寫html時要把首部和頁面主體分開
<h2></h2>為主標題，從<h3>到<h7>依次為副標題，字體由大到小
<p></p>開始一個段落
<blockquote> </blockquote>
標簽定義塊引用，之間的所有文本都會從常規文本中分離出來，經常會在左、右兩邊進行縮進（增加外邊距），而且有時會使用斜體。也就是說，塊引用擁有它們自己的空間
插入一個換行符
<q>
標簽定義一個短的引用，瀏覽器經常會在這種引用的周圍插入引號
需要了解的內容（一些老版本棄置的元素與不建議使用的元素，做到看見了要明白其含義）
<ol></ol>定義一個有序列表
<ul>
標簽定義無序列表
<li>
標簽定義列表項目，<li>
標簽可用在有序列表
(<ol>)
和無序列表
(<ul>)
中
<dl>
標簽定義一個描述列表，<dl>
標簽與
<dt>（定義項目/名字）和
<dd>（描述每一個項目/名字）一起使用
標簽告訴瀏覽器把其中的文本表示為強調的內容，對于所有瀏覽器來說，這意味著要把這段文字用斜體來顯示
<body bgcolor="xxx" text="xxxx">,bgcolor屬性設置頁面顏色，text屬性設置文本顏色
<font face="arial">xxxx</font>利用font元素改變字體
<center></center>對其包圍的文本進行水平居中處理
一些字符實體
<顯示為<
>顯示為>
?right顯示為?
三.一個簡單的html框架
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello Wrld!</title>
</head>
<body>
<h2>演示文件，頁面顯示hello world！</h2>
<p>
Hello Wrld !
</p>
</body>
</html>
四.在頁面中插入一個鏈接
用于創建指向其它頁面的鏈接，元素中的內容就是鏈接文本，在瀏覽器中鏈接文本會顯示有下劃線，指示這是可單擊的，例如：
<a href="(鏈接目標文件的路徑或url)"
title="文本描述">（鏈接文本）
href屬性指向鏈接文件的路徑
rirle屬性所需鏈接頁面的文本描述
加入id屬性用于具體指向某個鏈接的某個標題，例如：
<a href="index.html#標識符">xxxxx</a>
并同步頁面中的標題,鏈接所使用的標識符要與標題的標識符設置一致
<h3 id="標識符">xxxxx</h3>
加入target屬性，使瀏覽器打開鏈接時為單獨的窗口，而不是同一窗口，例如：
<a target="_blank" href="xxxxxxxx"
title="xxxxxxxxx">xxxxxxxxx</a>
如果不加入target屬性，點擊鏈接時瀏覽器會在同一窗口打開鏈接，加入此屬性，瀏覽器會在單獨窗口打開鏈接
五.在頁面中插入圖像
<img src="xxxxx">標記為在頁面中顯示圖像，xxx為圖片的路徑或url
alt=“xxx”屬性為描述這個圖像內容的文本，如果圖像未能顯示，就會使用這個文本來取代它。
width-"xxx"屬性告訴瀏覽器在頁面中顯示圖像的寬度
height="xxx"屬性告訴瀏覽器在頁面中顯示圖像的高度
到此，相信大家對“html和css基礎知識有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
