html筆記

不成對出現(xiàn)的標簽 <br> <hr> <meta><img><input..><option..><link>

<p>標簽 ?段落標簽 ? ?<h1>--<h6>僅僅用于標題文本,

<strong> ? 用于強調(diào)文本 強度更深 表示重要文本 ?<b>標簽 ?視覺加粗效果 單純?yōu)榱水a(chǎn)生加粗??

<em>用于強調(diào)文本 ?<i>只是視覺斜體效果 ?<strong>比<em>強調(diào)更強

&nbsp; —->空格 ?&gt—>大于號 ? &lt—>小于號 ?&quot—>大于號

<span>對被用來組合文檔中的行內(nèi)元素 ?當對它應用樣式時,才會產(chǎn)生視覺上的變化

<pre>文字的格式按源碼的排版來顯示,我們稱之為預處理格式

<a>他有一個必不可少的屬性 href

target屬性 ?_self(在原來頁面打開) ?_blank(新窗口打開)

_top(打開時忽略所有的框架)_parent(在父窗口中打開)

創(chuàng)建錨點和錨鏈接

錨點也是一種超鏈接,是頁面內(nèi)進行跳轉(zhuǎn)的超鏈接

第一步:創(chuàng)建錨點 ?<a ?name = “錨點名稱”></a>

第二步:使用創(chuàng)建好的錨點名稱 <a href="#錨點名稱">內(nèi)容</a>

常見圖片格式jpg png ?gif ? ?Gif只支持全透明)Jpeg/jpgPng半/全透明都支持

圖片標簽寫法 :<img src="" ?alt="" ?width="" ?height=""/>?

圖片四要素:

src=""圖片路徑

alt="圖片含義"

width=""圖片寬度 和圖片大小保持一致

height=""圖片高度 和圖片大小保持一致

title=""

路徑知識:

相對路徑、絕對路徑:

相對路徑:(Relative Path) 相對于該文件的路徑;

絕對路徑:(Absolute Path) 從磁盤出發(fā)的路徑;

<img src=" ".....align=""/>?align屬性–設置圖片與后面文字的位置關系

值–top、bottom、middle、absmiddle、left、right

/開頭表示根目錄;

./表示當前目錄;(斜畫線前面一個點)

../上級目錄;(斜畫線前面兩個點)

直接用文件名不帶/也表示同一目錄

這些都是相對于當前文件的位置來說的,如果用絕對路徑的話就是寫全了。

? <ul> 無序列表

無序列表是一個沒有順序項目的列此列表項默認粗體圓點進行標識

<ol>有序列表

有序列表也是一列項目,只是列表項目使用的是數(shù)字進行標記。 有序列表始于<ol>標簽。每個列表項始于<li>標簽

無序列表-列表符號:

type="circle"空心圓type=“disc”實心圓 默認值type="square"方塊符

有序列表-列表符號

type="A" A B C D

type="a" ?a b c d

type="1" 1 2 3 4 ?默認值

type=”I” I II III ?type=”i” i ii iii ?羅馬數(shù)字標識

定義列表以 <dl>標簽開始 每個定義列表項以 <dt>開始 每個自定義列表項的定義以 <dd>開始?

<dl></dl>用來創(chuàng)建一個普通的列表,

<dt></dt>用來創(chuàng)建列表中的上層項目,

<dd></dd>用來創(chuàng)建列表中最下層項目,

<dt></dt> ?和<dd></dd>都必須放在<dl></dl>標志對之間

<form>表單標簽

<form>

<input type ="text"/>

</form>

<form action=“html.do" method="get">

? ? ? ? username: <input type ="text" name="users"/>????

? ? ? ? <input type="submit" value="提交"/>

</form>

<input>標簽的掌握

?常用type類型:<input type="" name="" value=”“/>

type="text"單行文本輸入框

type="password"密碼(maxlength="")

type="radio"單項選擇(checked="checked")

type="checkbox"多項選擇

type="button"按鈕

type="submit"提交type="image"圖片提交

type="file"上傳文件

type="reset"重置

type="hidden"隱藏

<lable>元素不會向用戶呈現(xiàn)任何特殊效果。標簽的for?屬性應當與相關元素的?id屬性相同。

<lable for="male">男: </lable> <input type="radio" name="sex" id="male"/>

<lable for="nv”>女:</lable><input type="radio" name="sex" ?checked="check">

<textarea>文本域標簽 ? ?rows表示這個文本域有多少行 ? cols表示這個文本域有多少列

<select>

<form>

? ? ?<select name="" id="">

? ? ?<option value="1">1月</option>

? ? ? </select>

</form>

<table>的border屬性不能少

<tr>可以定義表格中的一行?

<td> ?表示一個單元格

border-collapse屬性設置是否將表格邊框折疊為單一邊框:

border-collapse:collapse;

colspan左右合并

rowspan上下合并

第一部分總結(jié):

非可視化標簽:headmetastylescrpit...

可視化標簽:imgdivspanaulli…

只有可視化標簽,才能用css改變它

單標簽:metalinkbaseimginputbrhr

雙標簽:htmlheadbodydivapspan..ullioldl….

常用可視化標簽

div

一般用它來布局

a超鏈接標簽

href*屬性:設置跳轉(zhuǎn)的網(wǎng)頁地址

target屬性:設置跳轉(zhuǎn)的目標

結(jié)論:凡事頁面可以點擊跳轉(zhuǎn)或者表單提交的文字,都用a標簽

img

src*屬性用來設置圖片的url數(shù)據(jù)

alt提供給搜索引擎搜索的

width

height

結(jié)論 :顯示圖片

ul li

列表

結(jié)論:只要將來設計頁面中有固定樣式的列表,就用ul和li

tablecaptiontrtd (th)

慢慢已經(jīng)被淘汰了 被ul li代替

如果是合并豎排的就是合并行(rowspan)

如果是合并橫排的就是合并列(colspan)





最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 1、html:超文本標記語言(Hyper text make up language)(1)、html不是一種編程...
    達達記閱讀 779評論 2 2
  • <! Doctype html>聲明文檔類型 向搜索引擎表示該頁面是html語言,并且語言為英文網(wǎng)站,其"lang...
    深眸靈瞳閱讀 1,119評論 1 1
  • html HTML的相關定義 什么是HTML? HTML是負責描述文檔語義的語言 HTML的語言特征 HTML是以...
    f550c7326662閱讀 296評論 0 2
  • 什么是瀏覽器 常見主流瀏覽器有5種: IE、谷歌、火狐、Safarri、歐朋; 瀏覽器主要有2個功能 1:將網(wǎng)頁渲...
    Sky_Boss閱讀 696評論 0 0
  • Html是一種超文本標簽語言,他并不是一種編程語言. 最基本的標簽 我們使用編輯器創(chuàng)建html文件的時候通常都會給...
    相關函數(shù)閱讀 308評論 0 1

友情鏈接更多精彩內(nèi)容