初學html
html筆記
1.Html
全稱為:hypertext markup language
超文字標記語言
2. <html></html>根標籤: 一對標籤代表開始和結束
<head></head>編輯給瀏覽器的東西
<body></body>展現給使用者的
<meta>設定屬性
<title></title>寫標題
<p></p>段落標籤
<h1></h1>......<h6></h6>標題標籤
<strong></strong>加粗標籤
<em></em>斜體標籤
<del></del>加劃線的標籤
<address></address>地址標籤(用得少)
<div></div> <span></span>
功能:1.容器,分塊 2.可以捆綁操作
<hr>水平線標籤
3.編碼字符集:四種
gb2312
gbk
utf-8
<meta charset = "utf-8">設定可以顯示中文
4.lang = “en” language為英語
5.seo技術
6.編輯器中空格的含義:英文單詞分隔符
想在網頁中展示空格 用 ;
展示小於號 <;(litter than)
展示大於號 >;(great than)
展示換行用標籤 <br>(此標籤單獨出現)
7.有序列表 <ol type = "1/a/A/i/I"(用來確定計數方式) reversed = "reversed"(倒序) start = "2"(表示從第2個開始排,無論何種計數方式,都寫數字,表示名次)>
<li>事務1</li>
<li>事務2</li>
</ol>
8.搜尋引擎競價機制
9.無序列表 <ul type = "disc" (square、circle,預設為實心圓)>
<li>事務1</li>
<li>事務2</li>
</ul>
10.<img> 圖片標籤
<img src = "網上url、本地的相對路徑、本地的絕對路徑" alt = "" title = "" >
alt為圖片佔位符是當圖片顯示不出來的時候展示的文字資訊
title為圖片提示符,滑鼠移上去就顯示title文字
11.<a></a> 超連結標籤
<a herf = "超連結到的網址" target = "_blank"(使連結到的網址在新網頁上開啟)></a>
兩個標籤之間為超連結顯示的文字或圖片
a為anchor(錨)的縮寫
作用:1.超連結 2.錨點 3.打電話發郵件 4.協議限定符
12. <form></form>傳送資料標籤
<form method = ""(傳送方式) action = ""(傳送地址)>
<input type = "text">輸入框
<input type = "password">密碼框
要想預設選中,只要在該input框內加一個checked = “checked”
單選框如右:<input type = "radio" name = "" value = "">
複選框如下
<select name = "">
<option>選項1</option>
<option>選項2</option>
</select>