日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當(dāng)前位置： 首頁 > 前端技术 > HTML >内容正文

HTML

HTML基础结构

發(fā)布時間：2023/12/20 HTML 33 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML基础结构 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
  • 不成對出現(xiàn)的標(biāo)簽
<br>?<hr>?<meta>?<img>?<input..>?<option..>?<link>

  • HTML?基本標(biāo)簽的講解：
  • <strong>用于強(qiáng)調(diào)文本，強(qiáng)度更深，表示重要文本--->用于SEO優(yōu)化
  • <b>只是視覺加粗效果--->單純?yōu)榱水a(chǎn)生加粗
  • <html>?<head>?<body>標(biāo)簽
  • <h1>----<h6>?僅僅用于標(biāo)題文本，不要為了產(chǎn)生粗體文本使用它們
  • <p>標(biāo)簽?段落標(biāo)簽
  • <strong><b>標(biāo)簽
  • 都會讓文字產(chǎn)生加粗效果
  • <em>?<i>標(biāo)簽
    • em用于強(qiáng)調(diào)文本
    • i只是視覺斜體效果
    • <strong>比<em>強(qiáng)調(diào)更強(qiáng)
  • 特殊符號：
    • ??---->空格
    • >?--->大于號
    • <；--->小于號
    • "；--->引號
    • ?-->版權(quán)號



html基本標(biāo)簽
  • HTMl基本標(biāo)簽：
  • 可以創(chuàng)建一個內(nèi)容滾動效果
  • 錨點(diǎn)也是一種超鏈接，是頁面內(nèi)進(jìn)行跳轉(zhuǎn)的超鏈接
  • 第一步：創(chuàng)建錨點(diǎn)?<a?name="錨點(diǎn)名稱"></a>
  • 第二步：使用創(chuàng)建好的錨點(diǎn)名稱?<a?href="#錨點(diǎn)名稱">內(nèi)容</a>
  • target屬性：
  • _self(在原來頁面打開)
  • _blank（新窗口打開）
  • _top（打開時忽略所有的框架）
  • _parent（在父窗口中打開）
  • 文字的格式按源碼的排版來顯示，我們稱之為預(yù)處理格式
  • 對被用來組合文檔中的行內(nèi)元素
  • 注意：span沒有固定的格式表現(xiàn)，當(dāng)對它應(yīng)用樣式時，才會產(chǎn)生視覺上的變化
  • span標(biāo)簽
  • <pre>標(biāo)簽
  • <a>標(biāo)簽--->他有一個必不可少的屬性?href
  • 創(chuàng)建錨點(diǎn)和錨鏈接
  • marquee標(biāo)簽
<marquee?direction="down"?loop="4"?οnmοuseοver=this.stop()?οnmοuseοut=this.start()></marquee>
  • direction?表示滾動方向，取值有（left,right,up,down,默認(rèn)left）
  • loop?表示滾動循環(huán)的次數(shù)，默認(rèn)為無限循環(huán)
οnmοuseοver=this.stop()?οnmοuseοver=this.start()?scrollamout="1"(滾動速度)
  • 表示當(dāng)鼠標(biāo)移上區(qū)域的時候停止?jié)L動，鼠標(biāo)移開繼續(xù)滾動






三種列表的講解
  • 三種列表的知識講解：
  • 無序列表是一個沒有順序項目的列表，此列表項默認(rèn)粗體圓點(diǎn)進(jìn)行標(biāo)識
  • <ul>無序列表
<ul> ???<li></li> ???<li></li> ???<li></li></ul>
  • <ol>有序列表
  • 有序列表也是一列項目，只是列表項目使用的是數(shù)字進(jìn)行標(biāo)記。?有序列表始于?<ol>?標(biāo)簽。每個列表項始于?<li>?標(biāo)簽。
<ol> ???<li>內(nèi)容一</li> ???<li>內(nèi)容二</li> ???<li>內(nèi)容三</li></ol>
  • 列表符號
  • type="A"?A?B?C?D
  • type="a"?a?b?c?d
  • type="1"?1?2?3?4?默認(rèn)值type="I"?I?II?III?type="i"?i?ii?iii
  • type="circle"?空心圓?type=“disc”?實(shí)心圓?默認(rèn)值?type="square"?方塊符
  • 無序列表-列表符號:
  • 有序列表-列表符號
  • 列表嵌套
  • 無序列表-嵌套
<ul> ?<li>柚子??<ul> ???<li>沙田柚</li> ???<li>蜜柚</li> ??</ul> ?</li> ?<li>荔枝</li> ?<li>蘋果</li></ul>
  • 有序列表-嵌套
<ol> ?<li>茶??<ul> ???<li>紅茶</li> ???<li>綠茶</li> ??</ul> ?</li> ?<li>果汁</li> ?<li>牛奶</li></ol>
  • 定義列表
  • 定義列表不僅僅是一列項目，而是項目及其注釋的組合。定義列表以?<dl>?標(biāo)簽開始。每個定義列表項以?<dt>?開始。每個自定義列表項的定義以?<dd>?開始。
<dl>?? ?????<dt>pc網(wǎng)頁制作</dt>?? ?????<dd>學(xué)習(xí)DIV+CSS?JS?JQ?項目實(shí)戰(zhàn)</dd>?? ?????<dt>手機(jī)網(wǎng)頁制作</dt>?? ?????<dd>手機(jī)網(wǎng)頁制作實(shí)戰(zhàn)</dd></dl>
  • dd是對dt的解釋
  • <?dl><?/dl>用來創(chuàng)建一個普通的列表,
  • <?dt><?/dt>用來創(chuàng)建列表中的上層項目，
  • <?dd><?/dd>用來創(chuàng)建列表中最下層項目，
  • <?dt><?/dt>和<?dd><?/dd>都必須放在<?dl><?/dl>標(biāo)志對之間。
<dl> ????<dt>中國城市</dt> ????<dd>北京?</dd> ????<dd>上海?</dd> ????<dd>廣州?</dd> ????<dt>美國城市</dt> ????<dd>華盛頓?</dd> ????<dd>芝加哥?</dd> ????<dd>紐約?</dd></dl>
  • dl是definition?list的縮寫
  • dt是definition?title的縮寫
  • dd是definition?description的縮寫
  • list-style屬性具有三個屬性分量：
  • list-style-position?：設(shè)置列表項圖標(biāo)的位置，位于文本內(nèi)或者文本外
  • list-style-type：?設(shè)置列表項圖標(biāo)的類型
  • list-style-image?：使用圖像設(shè)置列表項圖標(biāo)


HTML??form表單里的標(biāo)簽
  • <input>標(biāo)簽的掌握
  • <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"?隱藏


表單和表格標(biāo)簽：
  • <textarea>文本域標(biāo)簽
  • <textarea>標(biāo)簽：
  • <textarea></textarea>是文本域標(biāo)簽，可以在其中插入一段文字內(nèi)容，它有兩個常用屬性rows和cols
  • 注意：
  • rows表示這個文本域有多少行
  • cols表示這個文本域有多少列
  • 除了這兩個屬性它還有readonly（只讀，文本域的內(nèi)容無法改變，相當(dāng)于協(xié)議）和title（鼠標(biāo)放上提示）
  • <select>標(biāo)簽的掌握
  • 注：當(dāng)提交表單時，瀏覽器會提交選定的項目，或者收集用逗號分隔的多個選項，將其合成一個單獨(dú)的參數(shù)列表，并且在將?<select>?表單數(shù)據(jù)提交給服務(wù)器時包括?name?屬性
<form>?????? ????<select?name=""??id=""> ?????????<option?value="1">1月</option>?? ??????????<option?value="2">2月</option>??????</select></form>
  • 常用到的屬性：disabled=“disabled”?name="sel"?size="2"
  • <table>表格標(biāo)簽
  • <table>表格標(biāo)簽：<table>是表格標(biāo)簽，可以用它定義一個表格。
<table?border="1"> ????<tr> ????<td>姓名</td> ????<td>性別</td> ????</tr></table>
  • 注意：<table>的border屬性不能少
  • <tr>?<td>標(biāo)簽的使用
  • <tr>可以定義表格中的一行，一個<tr></tr>表示一行。
  • <tr>行標(biāo)簽：
<table?border="1"><tr> ?<td>姓名</td> ?<td>性別</td></tr><tr> ?<td>姓名</td> ?<td>性別</td></tr></table>
  • <td>單元格標(biāo)簽:
  • <td>可以定義表格中的一個單元格，<td></td>表示一個單元格。
<table?border="1"><tr><td?>姓名</td><td>性別</td><td>愛好</td></tr></table>
  • border-collapse?屬性設(shè)置是否將表格邊框折疊為單一邊框：
  • border-collapse:collapse;
  • colspan左右合并
  • rowspan上下合并





  • 非可視化標(biāo)簽：head?meta?style?scrpit...
  • 可視化標(biāo)簽：img?div?span?a?ul?li...
  • 只有可視化標(biāo)簽，才能用css改變它
  • 單標(biāo)簽：meta?link?base?img?input?br?hr
  • 雙標(biāo)簽：html?head?body?div?a?p?span?..ul?li?ol?dl?....

總結(jié)

以上是生活随笔為你收集整理的HTML基础结构的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。