tft每日頭條

 > 圖文

 > html超級簡單入門

html超級簡單入門

圖文 更新时间:2024-07-24 23:15:50
一、什麼是HTML

HTML簡介

HTML是用來描述網頁的一種語言,它是一種超文本标記語言,由一套标記标簽組成,在制作網頁時,HTML使用标記标簽來描述網頁。

發展史

html超級簡單入門(HTML入門)1

HTML:Hyper Text Markup Language超文本标記語言

超文本标記語言—在1993年6月互聯網工程工作小組工作案發布(并非标準)

HTML2.0—1995年11月作為RFC1866發布,在RFC2854于2000年6月發布之後被宣布過時。

HTML3.2—1996年1月14日,W3C推薦标準

HTML4.0—1997年12月18日,W3C推薦标準

HTML4.01(微小改進)—1999年12月24日,W3C推薦标準,2000年5月15日發布基本嚴格的HTML4.01語法,是國标标準化組織和國際電工委員會的标準

XHTML1.0—發布于2000年1月26日,是W3C推薦标準,後來經過修訂于2002年8月1日重新發布

XHTML1.1—2001年5月31日發布

XHTML2.0是W3C的工作草案,由于改動過大,學習這個新技術的成本過高而最終胎死腹中,因此,現在最常用的還是XHTML1.0标準。

目前最新的版本為HTML5,它是2004年被提出,2007年被W3C接納并成立新的HTML工作團隊,

2008年1月22日公布HTML5第一份正式草案,

2012年12月17日HTML5規範正式定稿,

2013年5月6日,HTML5.1正式草案公布。

HTML 5作為最新版本,提供了一些新的元素和一些有趣的新特性,同時也建立了一些新的規則。這些元素、特性和規則的建立,提供了許多新的網頁功能,如使用網頁實現動态渲染圖形、圖表、圖像和動畫,以及不需要安裝任何插件直接使用網頁播放視頻等。目前企業開發中也在增大使用HTML5的力度

HTML的優勢

  • 各大浏覽器廠商對H5的支持
  • 市場的需求
  • 跨平台
二、HTML的基本結構
  • <html>......</html> HTML文檔的開始和結束标記。
  • <head>……</head> 頭控制标記,不在界面上進行展示,子标簽可設置SEO優化的一些内容以及設置網頁的編碼。
  • <title>……</title>:設置浏覽器的窗口上标題。
  • <body>……</body>:頁面可見内容。
三、HTML的基本标簽
  • 标題标簽

h1~h6

html超級簡單入門(HTML入門)2

源代碼

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>标題标簽</title>

</head>

<body>

<h1>這是一級标題</h1>

<h2>這是二級标題</h2>

<h3>這是三級标題</h3>

<h4>這是四級标題</h4>

<h5>這是五級标題</h5>

<h6>這是六級标題</h6>

<h7>這是七級标題</h7>效果怎麼顯示不出來呢???

<h1>這是一級标題</h1>

</body>

</html>

html超級簡單入門(HTML入門)3

浏覽器預覽效果

  • 段落标簽和換行标簽

p标簽為段落标簽,br标簽為換行标簽

html超級簡單入門(HTML入門)4

源代碼

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>段落和換行标簽</title>

</head>

<body>

<h1>北京歡迎你</h1>

<p>北京歡迎你,<br>為你開天辟地</p>

<p>北京歡迎你,<br/>有有勇氣就會有奇迹</p>

</body>

</html>

html超級簡單入門(HTML入門)5

浏覽器預覽效果圖

  • 水平線标簽

hr标簽為水平線标簽

html超級簡單入門(HTML入門)6

源代碼

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>水平線标簽</title>

</head>

<body>

<h1>漂洋過海來看你</h1>

<hr>

<p>為你我用了半年的積蓄,<br>漂洋過海來看你</p>

<hr/>

</body>

</html>

html超級簡單入門(HTML入門)7

浏覽器預覽效果圖

  • 字體樣式标簽

em為斜體标簽,strong為字體加粗标簽

html超級簡單入門(HTML入門)8

源代碼

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>字體樣式标簽</title>

</head>

<body>

<h1>漂洋過海來看你</h1>

<hr>

<p>為你我用了<em>2017</em>半年的<strong><em>積蓄</em></strong>,<br>

<em><strong>漂洋過海</strong></em>來看你

</p>

<hr/>

</body>

</html>

html超級簡單入門(HTML入門)9

浏覽器預覽效果圖

  • 注釋和特殊符号

注釋使用:<!--被注釋的内容-->

大于号:> great than的縮寫

小于号:< less than的縮寫

雙引号:""

版權符号:©

空格:

html超級簡單入門(HTML入門)10

源代碼

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>注釋和特殊符号</title>

</head>

<body>

<pre>

注釋使用:<!--被注釋的内容-->

大于号:> great than的縮寫

小于号:< less than的縮寫

雙引号:""

版權符号:©

空格:

</pre>

<!-- 我是被注釋的内容,我隻留給你們看,不會在頁面上顯示 -->

5<10>6 <br>

"我是被雙引号引起來的内容"<br>

©自由職業開發者公司<br>

我是 測試 空 格的

</body>

</html>

html超級簡單入門(HTML入門)11

浏覽器預覽效果圖

以上就是HTML的簡單入門,後續帶大家更深入的了解HTML

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved