1)熟練使用p標簽加粗樣式標簽給文本分段
(2)熟練使用換行標簽h標簽加粗給標簽寫標題
(3)使用圖像標簽加圖像
(4)使用錨點鏈接可以點擊鏈接快速定位到頁面中的某個位置。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- h1標簽的使用 -->
<h1 id="top">貓貓種類</h1>
<!--換行標簽<br/>的使用 -->
貓貓分為<br/>
<!-- 錨點鏈接的<a herf="#"></a>使用 -->
<a href="#miao">妙貓貓,</a><br/>
<a href="#cry">流淚貓貓,</a><br/>
<a href="#ben">本拉豆貓貓,</a><br/>
<a href="#wei">委屈貓貓</a><br/>
<h4 id="miao"><h3>妙貓貓</h3></h4>
<p>秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙
秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙</p>
<h4 id="cry"><h3>流淚貓貓</h3></h4>
沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒<p>人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓,沒人疼沒人愛我是一只流淚貓</p>
<img src="images/流淚貓貓.gif"width="300"/>
<h4 id="ben"><h3>本拉豆貓貓</h3></h4>
<p>哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!哦吼吼吼,我是最屌的!
</p>
<!-- 圖像標簽<img src="圖像地址"/>的使用 -->
<img src="images/本拉豆貓.jpg"width="300"/>
<h4 id="wei"><h3>委屈貓貓</h3></h4>
<p>我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?我只是一只小貓咪,我為什么要承擔這么多?</p>
<a href="#top">返回頂部</a><br>
<a href="images/菠蘿頭簡介.html"target="_blank">引申貓貓:菠蘿頭的簡介和照片</a>
</body>
</html>


1234567891011121314151617181920212223242526272829303132333435363738394041
原文鏈接:https://blog.csdn.net/qq_45067479/article/details/109083277?utm_medium=distribute.pc_category.none-task-blog-hot-2.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-2.nonecase&request_id=
作者:thorn豆豆
HTML簡介
HTML是用來描述網頁的一種語言,它是一種超文本標記語言,由一套標記標簽組成,在制作網頁時,HTML使用標記標簽來描述網頁。
發展史
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的優勢
h1~h6
源代碼
<!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> |
瀏覽器預覽效果
p標簽為段落標簽,br標簽為換行標簽
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落和換行標簽</title> </head> <body> <h1>北京歡迎你</h1> <p>北京歡迎你,<br>為你開天辟地</p> <p>北京歡迎你,<br/>有有勇氣就會有奇跡</p> </body> </html> |
瀏覽器預覽效果圖
hr標簽為水平線標簽
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平線標簽</title> </head> <body> <h1>漂洋過海來看你</h1> <hr> <p>為你我用了半年的積蓄,<br>漂洋過海來看你</p> <hr/> </body> </html> |
瀏覽器預覽效果圖
em為斜體標簽,strong為字體加粗標簽
源代碼
<!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> |
瀏覽器預覽效果圖
注釋使用:<!--被注釋的內容-->
大于號:> great than的縮寫
小于號:< less than的縮寫
雙引號:""
版權符號:©
空格:
源代碼
<!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
HP是世界上最好的語言,這是一個老梗。
有不少學習PHP的程序員后來去做了前端開發,畢竟近些年前端開發還是蠻吃香的。
學習PHP不僅僅要學習html,而且還要學習CSS。
CSS是萬維網聯盟在 HTML 4.0 之外提出,目的是為了讓CSS完成樣式與內容的分離。
那么,CSS如何入門呢?w3cschool在這里分享幾個方法:
w3cschool官方本身就有CSS教程,我們看教程的目的主要還是要了解CSS到底是干什么用的。
其實,用一句簡單的話來說,改變我們看的網頁的樣子.。
w3cschool新開發了CSS微課,這可能是很多程序員小伙伴所需要的。
CSS直接抓住了CSS教程中比較核心的一些概念和語法,并且有實戰的訓練習題。
其內容包括了CSS基礎、CSS文本樣式、CSS屬性、CSS定位和布局,讓你系統、立體地全面認識CSS。
CSS微課實現了游戲化的編程體驗,關卡是循序漸進的,這迫使你不能跳躍而忽略一些重要的編程知識。
其中,習題類型包含了判斷題、選擇題、實戰訓練題。
理論離不開實戰,CSS微課做到了例子多,概括技術全面。
當你可以通關的時候,你已經對CSS算是有一個比較深刻的認識,也掌握了一定的CSS編程技能。
學編程一定要讓編程本身變得有趣,所以大可以先玩編程。
用CSS微課學習是一種有趣化的方法。
另外,閱讀《css禪意花園》,就當成一本故事書看,隨便翻翻你會發現css確實很好玩的。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。