|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 很多同學在學習前端的時候,可能會對html與css之間的區別不太了解,今天的這篇文章php中文網給需要的朋友們總結了關于html與css之間的比較,下面我們就來看一下具體的內容。css與html區別: 1. 首先我們來看一下html: html是HyperTextMark-upLanguage的縮寫,即超文本標記語言; html是用來定義文檔內容結構的,包含了用戶需要瀏覽的內容,包括圖文、視頻,即構成網頁的基本元素; html是網頁的結構(Structure),需要有多種框架和布局,比如frameset框架集、iframe內聯框架、div+css布局、table布局等,同時支持表單提交(HTML Form),包括基礎表單、input輸入框、輸入框類型、文本域、列表、label等。 html的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。 我們來看一個關于html的小例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(php.cn)</title> </head> <body> <h1>我的第一個標題</h1> <p>我的第一個段落。</p> </body> </html> 效果如下:
這個例子就可以很清楚的說明關于html的結構。(相關推薦:HTML中文參考手冊和2018前端入門_HTML5) 看完了html的基本內容,下面我們來看一看css的基本內容,畢竟是css與html之間的區別比較^_^ 2. 我們再來看一看css: css是Cascading Style Sheets 的縮寫,即層疊式樣式表單,它是由W3C協會制定并發布的一個網頁排版式標準,是對HTML語言功能的補充。 css用于定義html文檔的樣式,即外觀,比如網頁上的動態文字、文字的色彩、字體、動畫效果,都可以由css來實現。 css的主要的用途是對網頁中字體、顏色、背景、圖像及其他各種元素的控制,使網頁能夠完全按照設計者的要求來顯示。 如下面例子所示: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(php.com)</title>
<style>
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h1>CSS例子</h1>
<p>這是一個段落。</p>
</body>
</html>效果如下:
上面的效果可以非常清楚的說明關于css的用途。(相關推薦:CSS視頻教程-玉女心經版) 通過上面對html和css基本內容的介紹,我們可以非常清楚的看到css與html之間的區別是什么,css是多用于樣式而html則是用于文本內容,你只要認真的去學習了,更多的東西都可以在學習過程中發現的。 相關推薦: XML、HTML、CSS與JS的區別整理_javascript技巧 [HTML/CSS]display:none和visibility:hidden的區別_html/css_WEB-ITnose 以上就是css與html的區別是什么?css與html區別對比的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!