整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
所謂超文本，有2層含義：
標(biāo)題標(biāo)簽 <hx></hx>
段落標(biāo)簽 <p></p>
水平線標(biāo)簽 <hr />
換行標(biāo)簽 <br/>
無語義標(biāo)簽 <div></div> 和 <span></span> 注:這兩個標(biāo)簽在后期經(jīng)常使用文本格式化標(biāo)簽
<b></b>和<strong></strong> 文字加粗
<i></i>和<em></em> 斜體
<s></s>和<del></del> 加刪除線
<u></u>和<ins></ins> 加下劃線圖片標(biāo)簽
<img src="圖像URL" /> src 圖像路徑 圖像標(biāo)簽 <img src="圖像URL" /> 該語法中src屬性用于指定圖像文件的路徑和文件名，他是img標(biāo)簽的必需屬性。
屬性:
alt 文本,圖像不顯示時顯示文字<img src="" alt="">
title 文本,鼠標(biāo)懸停時顯示內(nèi)容<img src="cz.jpg" title="文本" />
width 圖像寬度<img src="cz.jpg" width="300" height="300" />
height 圖像高度<img src="cz.jpg" width="300" height="300" />
border 設(shè)置圖像邊框?qū)挾?lt;img src="cz.jpg" border="3" />
鏈接標(biāo)簽
<a href="#" target="目標(biāo)窗口的彈出方式">文本或圖像</a>屬性：
href (鏈接地址)必須寫 | 用于指定鏈接目標(biāo)的url地址，（必須屬性）當(dāng)為標(biāo)簽應(yīng)用href屬性時，它就具有了超鏈接的功能 | 1. 外部鏈接 需要添加 http:// www.baidu.com | ||
target (默認當(dāng)前窗口打開,可新建窗口打開) | 用于指定鏈接頁面的打開方式，其取值有self和blank兩種，其中_self為默認值，__blank為在新窗口中打開方式。 |
錨點標(biāo)簽
id="" | 錨點定位 | 通過創(chuàng)建錨點鏈接，用戶能夠快速定位到目標(biāo)內(nèi)容。 | <h3 id="two">第2集</h3> | 使用相應(yīng)的id名標(biāo)注跳轉(zhuǎn)目標(biāo)的位置。 (找目標(biāo)) |
base標(biāo)簽
<base target="_blank" /> | base 可以設(shè)置整體鏈接的打開狀態(tài) | base 寫到 <head> </head> 之間 |
預(yù)格式化標(biāo)簽
<pre>文本</pre> | 標(biāo)簽可定義預(yù)格式化的文本。 | 所謂的預(yù)格式化文本就是 ，按照我們預(yù)先寫好的文字格式來顯示頁面， 保留空格和換行等。 |
表格標(biāo)簽
<table> 定義表格標(biāo)簽 | border | 設(shè)置表格邊框(默認border="0"無邊框) | <table> |
cellspacing | 設(shè)置單元格與單元格之間的空白間距 (默認2像素) | ||
cellpadding | 設(shè)置單元格內(nèi)容與單元格邊框之間的空白間距 (默認1像素) | ||
width | 設(shè)置表格的寬度 | ||
height | 設(shè)置表格的高度 | ||
align | 設(shè)置表格在網(wǎng)頁中的水平對齊方式 (三個屬性:left左 center中 right右 ) | align="center" align="right" | |
caption | caption 元素定義表格標(biāo)題，通常這個標(biāo)題會被居中且顯示于表格之上。 | <caption>個人信息表</caption> | |
rowspan="合并單元格的個數(shù)" | 跨行合并 | 合并的順序我們按照 先上 后下 先左 后右 的順序 | |
colspan="合并單元格的個數(shù)" | 跨列合并 | <td colspan="3"> </td> | |
<caption></caption> | 表格標(biāo)題標(biāo)簽 | ||
<tr></tr><td></td> | 標(biāo)簽，他就像一個容器，可以容納所有的元素 | <tr><td></td></tr> | |
<th><td> | 一般表頭單元格位于表格的第一行或第一列，并且文本加粗居中 | <th><td></td></th> | |
<thead> 于定義表格的頭部。用來放標(biāo)題之類的東西。<thead> 內(nèi)部必須擁有 <tr> 標(biāo)簽！ | 以上標(biāo)簽都是放到table標(biāo)簽中。 | 更好的給表格劃分結(jié)構(gòu) | |
<tbody> 用于定義表格的主體。放數(shù)據(jù)本體 。 | 以上標(biāo)簽都是放到table標(biāo)簽中。 | ||
<tfoot>放表格的腳注之類。 | 以上標(biāo)簽都是放到table標(biāo)簽中。 |
列表標(biāo)簽
列表(ul里面只能包含li ,li里面可以包含標(biāo)簽) | <ul><li></li></ul> | 無序列表 | 1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。 | 里面只能包含li 沒有順序，我們以后布局中最常用的列表 | ||
<ol><li></li></ol> | 有序列表 | 所有特性基本與ul 一致。 但是實際中比 無序列表 用的少很多。 | 里面只能包含li 有順序， 使用情況較少 | |||
<dl> | 自定義列表 | 里面有2個兄弟， dt 和 dd |
input控件
<input type="屬性值" value="你好"> | text | 單行文本輸入框 | |
password | 密碼輸入框 | ||
radio | 單選按鈕 | ||
checkbox | 復(fù)選按鈕 | ||
button | 普通按鈕 | ||
submit | 提交按鈕 | ||
reset | 重置按鈕 | ||
image | 圖像形式的提交按鈕 | ||
file | 文本域 | ||
name | 由用戶自定義 | 控件的名稱 | 用戶名:<input type="text" name=“username” /> |
value | 由用戶自定義 | input控件中的默認問本值 | 用戶名:<input type="text" name="username" value="請輸入用戶名"> |
size | 正整數(shù) | input控件在頁面中的顯示寬度 | |
checked 默認被選中 | checked | 定義選擇控件默認被選中的項 | <input type="radio" name="sex" value="女" />女 |
maxlength | 正整數(shù) | 控件允許輸入的最多字符數(shù) |
<label> </label>
<label> 用戶名： <input type="radio" name="usename" value="請輸入用戶名"> </label> | 第一種用法就是用label直接包括input表單。 | 當(dāng)我們鼠標(biāo)點擊 label標(biāo)簽里面的文字時， 光標(biāo)會定位到指定的表單里面 | |
<label for="sex">男</label> | 第二種用法 for 屬性規(guī)定 label 與哪個表單元素綁定。 | 當(dāng)我們鼠標(biāo)點擊 label標(biāo)簽里面的文字時， 光標(biāo)會定位到指定的表單里面 |
文本域
<textarea >文本內(nèi)容</textarea> | 通過textarea控件可以輕松地創(chuàng)建多行文本輸入框. | cols="每行中的字符數(shù)" rows="顯示的行數(shù)" 我們實際開發(fā)不用 | <textarea > 文本內(nèi)容</textarea> |
select下拉列表
<select> | 在option 中定義selected =" selected "時，當(dāng)前項即為默認選中項。 |
form表單域
<form action="url地址" method="提交方式" name="表單名稱"> | action 屬性值:url地址 | 用于指定接收并處理表單數(shù)據(jù)的服務(wù)器程序的url地址。 |
method 屬性值:get/post | 用于設(shè)置表單數(shù)據(jù)的提交方式，其取值為get或post。 | |
name 屬性值:名稱 | 用于指定表單的名稱，以區(qū)分同一個頁面中的多個表單。 |
以上標(biāo)簽基本包含了前端開發(fā)所需常用標(biāo)簽.來自本人,黑馬程序員.傳智播客學(xué)習(xí)筆記.
以下是個人筆記整理,需要請關(guān)注私信我.
希望本人筆記能對各位有所幫助.
前端不難,難的在于東西多和雜.每天努力學(xué)習(xí)一點點,不放棄.
、HTML與XHTML的區(qū)別
（1）在XHTML 中標(biāo)簽名稱必須小寫，在HTML 中標(biāo)簽名稱既可以小寫也可以大寫；
（2）在XHTML 中標(biāo)簽必須封閉，在HTML中標(biāo)簽可以不成對出現(xiàn)；
（3）在XHTML 中標(biāo)簽必須嚴(yán)格嵌套，HTML對標(biāo)簽嵌套沒有嚴(yán)格規(guī)定；
（4）在XHTML 中屬性名稱必須小寫，在HTML 中也一樣；
（5）在XHTML 中標(biāo)簽必須用雙引號引起來，HTML中可以不用；
二、特殊符號
三、列表的使用
（1）無序列表
# 打印實心圓點的無序列表 <body> <ul type="disc"> <li>第一</li> <li>第二</li> <li>第三</li> </ul> </body>
（2）有序列表
# 打印數(shù)字排序的有序列表 <body> <ol type="1"> <li>我最愛椰奶</li> <li>第二愛可樂</li> <li>第三愛橙汁</li> </ol> </body>
（3）定義列表
<body> <dl> <dt>春曉</dt> <dd>春眠不覺曉，處處聞啼鳥</dd> <dd>夜來風(fēng)雨聲，花落知多少</dd> </dl> </body>
四、表格的使用
（1）表格的基本結(jié)構(gòu)
<table> <tr> <td>第一行第一列</td> <td>第一行第二列</td> <td>第一行第三列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> <td>第二行第三列</td> </tr> </table>
（2）表格的對齊方式
（3）表格的其他屬性
么現(xiàn)在咱們
就進入JavaE部分了~
HTML、CSS和JS又被稱為“前端三劍客”~雖然Java主要是做后臺服務(wù)端開發(fā)的，但是畢竟是要和前端合作,的多少要了解一下~~總之技多不壓身~多學(xué)一點東西總歸是好的~嗯~咱們開始今天的內(nèi)容吧~
HTML
什么是HTML？
HTML 全稱是 Hyper Text Markup Language:超文本標(biāo)記語言。超文本意味著功能比普通文本更加強大。標(biāo)記語言則是：使用一組標(biāo)簽對內(nèi)容進行描述的一門語言(注意：它不是編程語言)
HTML的語法和規(guī)范
1）HTML文件都是以.html或者.htm結(jié)尾的。建議使用.html結(jié)尾。
2）HTML文件分為頭部分(<head></head>)和體部分(<body></body>)
3）HTML標(biāo)簽一般是由開始標(biāo)簽和結(jié)束標(biāo)簽組成。
（大部分是成對存在的，有個別標(biāo)簽是單著的~）
4）HTML標(biāo)簽不區(qū)分大小寫，建議使用小寫。
HTML相關(guān)標(biāo)簽學(xué)習(xí)
接下來就是重頭戲了，來一起看看HTML標(biāo)簽都有什么~
標(biāo)題標(biāo)簽<hn > </hn>
n的取值從1到6逐漸變小，獨占一行加粗加黑顯示，與其他行有一定的行間距
水平線標(biāo)簽 <hr />
里面有一些屬性象顏色（color）、大?。╯ize）等等就不詳細介紹了，伙伴們自己去摸索一下哈~
段落標(biāo)簽<p></p>
字體標(biāo)簽<font></font>
換行標(biāo)簽<br/>
其中有些屬性：
size:指定內(nèi)容的大小
color：指定內(nèi)容的顏色
face：指定內(nèi)容的字體
加粗：<b></b>
斜體：<i></i>
下劃線：<u></u>
圖片標(biāo)簽
<img />
src:指的是圖片顯示的路徑(位置)
width:指定圖片的寬度，取值可以是像素值，也可以是百分比
height：指定圖片的高度，取值可以是像素值，也可以是百分比
alt：當(dāng)圖片無法正常顯示的時候給出的提示信息(該屬性的顯示效果與瀏覽器以及瀏覽器版本有關(guān))
路徑分為兩種：
絕對路徑：
從盤符開始的到圖片位置的完整描述：
類似~C:\Program Files\Img.jpg
相對路徑：
①同一級：直接寫文件名稱或者./文件名稱
②上一級：../文件名稱
③下一級：寫上目錄名稱/文件名稱
列表標(biāo)簽
有序列表：
type：可以選擇數(shù)字、字母及阿拉伯?dāng)?shù)字作為前面的序號，
start： 從哪里開始計數(shù)
reversed： 表示顛倒順序
無序列表：
type：可以選擇前面的樣式實心圓、空心圓和方塊
超鏈接標(biāo)簽
<a href="" target=""></a>
href:指定跳轉(zhuǎn)的位置
target：指定跳轉(zhuǎn)頁面顯示的位置(取值：_self 、_blank)
表格標(biāo)簽
border：邊框的寬度
width：表格的寬
height：表格的高
align：元素的位置 居中、上、下、左、右
bgcolor：背景色
cellpadding：邊框與邊框間的距離
cellspacing：表格內(nèi)容到邊框的距離
跨行跨列操作
跨行：rowspan
跨列：colspan
今天先說這么多了
剩下的小伙伴們自己摸索吧~
拜拜~
我是萌新娜娜
立志做一個不翻車的老司機
學(xué)習(xí)Java的路上請多多指教
大家如果想要更深入了解java相關(guān)知識，私信我回復(fù)：【Java】 即可知道你們想要知道的java相關(guān)問題
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
