HTML基础结构
- 不成對出現的標簽
- HTML?基本標簽的講解：
- <strong>用于強調文本，強度更深，表示重要文本--->用于SEO優化
- <b>只是視覺加粗效果--->單純為了產生加粗
- <html>?<head>?<body>標簽
- <h1>----<h6>?僅僅用于標題文本，不要為了產生粗體文本使用它們
- <p>標簽?段落標簽
- <strong><b>標簽
- 都會讓文字產生加粗效果
- <em>?<i>標簽
- em用于強調文本
- i只是視覺斜體效果
- <strong>比<em>強調更強
- 特殊符號：
- ??---->空格
- >?--->大于號
- <；--->小于號
- "；--->引號
- ?-->版權號
html基本標簽
- HTMl基本標簽：
- 可以創建一個內容滾動效果
- 錨點也是一種超鏈接，是頁面內進行跳轉的超鏈接
- 第一步：創建錨點?<a?name="錨點名稱"></a>
- 第二步：使用創建好的錨點名稱?<a?href="#錨點名稱">內容</a>
- target屬性：
- _self(在原來頁面打開)
- _blank（新窗口打開）
- _top（打開時忽略所有的框架）
- _parent（在父窗口中打開）
- 文字的格式按源碼的排版來顯示，我們稱之為預處理格式
- 對被用來組合文檔中的行內元素
- 注意：span沒有固定的格式表現，當對它應用樣式時，才會產生視覺上的變化
- span標簽
- <pre>標簽
- <a>標簽--->他有一個必不可少的屬性?href
- 創建錨點和錨鏈接
- marquee標簽
- direction?表示滾動方向，取值有（left,right,up,down,默認left）
- loop?表示滾動循環的次數，默認為無限循環
- 表示當鼠標移上區域的時候停止滾動，鼠標移開繼續滾動
三種列表的講解
- 三種列表的知識講解：
- 無序列表是一個沒有順序項目的列表，此列表項默認粗體圓點進行標識
- <ul>無序列表
- <ol>有序列表
- 有序列表也是一列項目，只是列表項目使用的是數字進行標記。?有序列表始于?<ol>?標簽。每個列表項始于?<li>?標簽。
- 列表符號
- 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
- type="circle"?空心圓?type=“disc”?實心圓?默認值?type="square"?方塊符
- 無序列表-列表符號:
- 有序列表-列表符號
- 列表嵌套
- 無序列表-嵌套
- 有序列表-嵌套
- 定義列表
- 定義列表不僅僅是一列項目，而是項目及其注釋的組合。定義列表以?<dl>?標簽開始。每個定義列表項以?<dt>?開始。每個自定義列表項的定義以?<dd>?開始。
- dd是對dt的解釋
- <?dl><?/dl>用來創建一個普通的列表,
- <?dt><?/dt>用來創建列表中的上層項目，
- <?dd><?/dd>用來創建列表中最下層項目，
- <?dt><?/dt>和<?dd><?/dd>都必須放在<?dl><?/dl>標志對之間。
- dl是definition?list的縮寫
- dt是definition?title的縮寫
- dd是definition?description的縮寫
- list-style屬性具有三個屬性分量：
- list-style-position?：設置列表項圖標的位置，位于文本內或者文本外
- list-style-type：?設置列表項圖標的類型
- list-style-image?：使用圖像設置列表項圖標
HTML??form表單里的標簽
- <input>標簽的掌握
- <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"?隱藏
表單和表格標簽：
- <textarea>文本域標簽
- <textarea>標簽：
- <textarea></textarea>是文本域標簽，可以在其中插入一段文字內容，它有兩個常用屬性rows和cols
- 注意：
- rows表示這個文本域有多少行
- cols表示這個文本域有多少列
- 除了這兩個屬性它還有readonly（只讀，文本域的內容無法改變，相當于協議）和title（鼠標放上提示）
- <select>標簽的掌握
- 注：當提交表單時，瀏覽器會提交選定的項目，或者收集用逗號分隔的多個選項，將其合成一個單獨的參數列表，并且在將?<select>?表單數據提交給服務器時包括?name?屬性
- 常用到的屬性：disabled=“disabled”?name="sel"?size="2"
- <table>表格標簽
- <table>表格標簽：<table>是表格標簽，可以用它定義一個表格。
- 注意：<table>的border屬性不能少
- <tr>?<td>標簽的使用
- <tr>可以定義表格中的一行，一個<tr></tr>表示一行。
- <tr>行標簽：
- <td>單元格標簽:
- <td>可以定義表格中的一個單元格，<td></td>表示一個單元格。
- border-collapse?屬性設置是否將表格邊框折疊為單一邊框：
- border-collapse:collapse;
- colspan左右合并
- rowspan上下合并
- 非可視化標簽：head?meta?style?scrpit...
- 可視化標簽：img?div?span?a?ul?li...
- 只有可視化標簽，才能用css改變它
- 單標簽：meta?link?base?img?input?br?hr
- 雙標簽：html?head?body?div?a?p?span?..ul?li?ol?dl?....
總結
- 上一篇： DT时代，大数据最核心的意义是什么?
- 下一篇： 阿里大鱼短信平台使用（Java）