<hr/> 水平線標簽 <hr style ="whidth:80px"/>設置水平線寬度； <hr style ="whidth:80%"/>居中 <hr style ="whidth:80%" align = "left"/>段落的80%，居左； ol>li*5+tab生產5個li <ol>有序列表<li></li><li></li> </ol> <ul>無序列表<li></li><li></li> </ul> <!--這是注釋--> <dl>定義描述標簽<dt>標題</dt><dd>內容</dd> </dl>空格 <!--注釋標簽--> 版權號：&copy 大于號：&gt 小于號：&lt 引號：quot; 表格： <table> <tr>行<td>123</td>列<td>123</td> <tr> border=1px:邊框 表單：<form action ="跳轉網址.html" method="post">post比get安全用戶名：<input type="text"><br>密碼：<input type = "password"><br><input type = "submit" value = "登陸"></form> 類型： test文本； password密碼框 textarea文本域 radio單選按鈕 checkbox復選框 select下拉列表 submit提交按鈕 reset重置按鈕 size顯示寬度 value初始值 checked 顯示是否選中 maxlength輸入的長度<img src="這里是地址（相對同級文件的相對路徑）" alt="這里是提示" title="標題"/> 你好<span style = "color :red">世界</span>你好世界同一行 font-size:80px;改變字體大小； ----------------------------------------------------------------------------------- <a href = "http://www.baidu.com" target ="-_black(新窗口打開)">百度一下</a>；錨鏈接：定義標記：<a name="標記名">目標位置</a><a href="#標記名">當前位置</a><a href="郵箱地址">站長郵箱</a>rowspan行合并 colspan列合并 cellspacing="0" cellpadding="0"表格去除間隙<style>li {color: #0000FF;font-size: 30px;font-family: 楷書;}p{background-color: red;font-size: 40px}div{width: 400px;height: 400px;border: 2px solid red;background-image: url("../img/computer.jpg");background-position: -20px -300px;坐標偏移background-repeat: repeat-x;只平鋪x軸overflow: hidden;溢出的東西不顯示}</style>.a{color: #0000FF;font-size: 60px;}#big{font-size: 200%;}<li class="a"> 劉倫撞豬</li> 類選擇器<li id="big">劉倫撞豬</li> id為獨一無二的text-decoration：underline 下劃線 text-decoration；none 不要下劃線字體、字號：font（縮寫形式）font-weight（粗細） font-size（大小） font-family（字體） 行距、對齊等：line-height （行高）text-align （對齊） letter-spacing （字符間距）text-decoration （文本修飾 ）white-space （空白處理 ） 列表的屬性： 無風格 list-style:none; 實心圓（<ul>默認類型） list-style:disc; 空心圓 list-style:circle; 實心正方形 list-style:square; 數字（<ol>默認類型） list-style:decimal 外邊距：margin top/left/right/bottom 內邊距：padding<form action="" method="post">用戶名:<input name="username" type="text" size="5"/> <br/>密 碼: <input name = "pw" type="password"/> <br/>性別: <input name = "sex" type="radio" value="男" checked = "checked"/>男 <input name = "sex"type="radio" vlue="女"/>女 <br/>愛好: <input type="checkbox" value="0"/>抽煙<input type="checkbox" value="1" checked="checked"/>喝酒<input type="checkbox" value="2"/>看美女<input type="checkbox" value="3"/>泡美女 <br/>省份: <select name="province" id=""><option >安徽省</option><option>四川省</option><option >廣東省</option><option >云南省</option><option >河南省</option><option selected="selected">河北省</option></select>郵箱: <input type="email"/>自我介紹: <br/><textarea name="" cols="20" rows="10" readonly="readonly">劉倫撞豬</textarea><br/>上傳照片: <input name = "file"type="file"/> <br/>日期: <input type="datetime-local"/> <br/>日期2： <input type="date"/> <br/>日期3：<input type="datetime"/> <br/>按鈕： <input type="button" value="點我" οnclick=""/>官網: <input type="url"/><input type="submit"/><input type="reset" value="重置"/> </form>String s = sc.nextline();接受輸入帶空格的字符串 String s = sc.next();不能接受帶空格的字符串overflow:hidden:溢出隱藏 postion:absolute:絕對路徑，脫離文檔，圖片層不會擋住

　　

轉載于:https://www.cnblogs.com/clever765/articles/7264687.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的HTML个人笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。