那么,讓我們繼續中二我們的征途。
一、html設置
1.鏈接
<a href=" https://www.baidu.com/">baidu首頁</a>
鏈接是用<a></a>定義的,而href是一個鏈接屬性,用來指定鏈接的地址。顯示出來是這個樣子。
2.圖像
<img src="1.jpg" width="10" height="20/>
同樣的Src是圖像的一個屬性,表示圖像名稱,width表示圖像寬度,height表示圖像高度。
二、HTML元素
HTML元素定義HTML文檔。
HTML 元素指的是從開始標簽到結束標簽的所有代碼。也就是從<b>到</b>之前的所有內容,以上面的例子為例,<a href=" https://www.baidu.com/">這是百度首頁</a>中,<a href=" https://www.baidu.com/">是開始標簽,這是百度首頁是元素內容,</a>是結束標簽。
元素可以嵌套,就像Excel公式一樣,可以一個接一個if的套下去,在HTML里就是<html><body><p>123</p></body></html>中,123就是<p></p>的元素,而<p>123</p>整體,是<body></body>的元素,<body><p>123</p></body這個大整體,就是<html></html>的元素。
沒有內容的 HTML 元素被稱為空元素,比如<a></a>,兩個標簽里啥都沒寫。而開始標簽<br/>可以用來關閉空元素。
三、元素的屬性
屬性是大多數元素有的東西,如果把人比作一個元素,那么身高體重血壓拉力就是人的屬性(突然很慶幸自己學過VB)。屬性是在 HTML 元素的開始標簽中規定的,屬性總是以名稱=值的方式出現,=是賦值的意思,比如:<body bgcolor="yellow">,意思是,把主體背景色設置為黃色。代碼是這樣:?
效果是這樣的:
屬性值一般要放在引號里,單引號或者雙引號都可以,如果是內容里有雙引號,外部必須用單引號。
四、HTML標題
標題的大小可以用數字表示,比如<h1> </h1>代表1號標題。標題字號有1-6,比如這樣:
顯示出來的效果是這樣,是不是覺得可以拿來泡妹子?
四、一些小技巧
1.創建水平線
<hr /> 可以在HTML頁面中創建水平線。其實就是畫出一條直線,自己去試試。
2.注釋
幫助你自己記得寫的代碼是什么意思,語法是這樣:
<!—我是正版注釋,你看不見我哈哈哈-->
<!我是穿了馬甲的注釋-->
據說所有程序員都是,老子的代碼為什么要寫注釋!
而所有程序員再看別人的代碼時都是,為什么不寫注釋,一點都不專業!
3.看別人網頁的源代碼
在頁面上單擊右鍵,然后選擇“查看源文件”。
4.空格的問題
當顯示頁面時,瀏覽器不會顯示源代碼中多余的空格和空行。所有連續的空格或空行都會被算作一個空格。也就是說在代碼里面打空格或者空行是沒有用的。別問我怎么解決,我還沒學到那一步。
如果不產生新段落要換行,可以用<br /> 標簽,<br /> 元素是一個空的 HTML 元素。沒有結束標簽,寫一個就行了。
5.記得寫結束標簽,沒有為什么
6. <p> 是塊級元素,所以段落的前后會被自動添加空行,但是如果要自己去添加空行的話,用<br />。
碼字好累,好想放棄怎么辦,我要去擼狗。