html入门学习(一)
生活随笔
收集整理的這篇文章主要介紹了
html入门学习(一)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
學習資源鏈接
學習視頻
html元素標簽含義之元素周期表
知識文檔
小知識
html統一格式<標簽名>內容</標簽名>
標簽可以多層嵌套
<標簽名>[<標簽名><標簽名>…]內容</標簽名>[</標簽名></標簽名>...]
格式 注釋 < !-- 注釋內容-- >
idea快捷鍵
ctrl+/ 單行注釋
ctrl+shift+/ 鼠標選中的部分注釋
idea右上角點擊相應的瀏覽器運行結果預覽
主體
<!DOCTYPE html><!--瀏覽器得知自己要處理的內容是html--> <html><!--文檔中htmI部分的開始--> <head><!--提供有關文檔內容和標注信息的--><meta charset="UTF-8"><!--編碼--><title>Title</title><!--標題--> </head> <body> </body> </html> <IDOCTYPE html><!--文檔中html部分的結束-->body內可加的元素標簽
文本元素
超鏈接 href屬性為相應網站,target默認屬性為self,自身打開新網頁,blank屬性打開新的標簽頁 <a href= "https://www.baidu.com/" target=" blank"> a</a> <a href= "https://www.baidu.com/">靠譜學院2</a> <a href= "https://www.baidu.com/" target=" self">靠譜學院3</a><b>粗體</b> <em>斜體</em> <u>下劃線(少使用)</u> <s>中間線</s>表格元素
三大元素 <table>:表格標簽 <tr>:行標簽 <td>:單元格標簽<table border="1px"><!--邊框--><thead><!--表頭--><tr><!--行標簽--><th>用戶名</th><!--th表頭單元格標簽,此元素內部的文本會呈現為粗體--><th>性別</th><th>密碼</th></tr></thead><tbody><!--表的主體--><tr><td rowspan="2">王二</td><td>男</td><td>123</td></tr><tr><td colspan="2">男</td></tr><tr><td>李四</td><td>女</td><td>123</td></tr></tbody><tfoot><!--表腳--><tr><td>用戶名</td><td>性別</td><td>密碼</td></tr></tfoot></table>瀏覽器預覽
列表編號
分為有序列表和無序列表
有序列表標簽:<ol type="序號類型"(reversed)></ol>
序號類型為a,A,i,I,1
例如a,b,c,d,e…或者A,B,C,D…
reversed代表降序排列
有序列表標簽:<ul ></ul>
表項標簽:<li>內容</li>
瀏覽器預覽
總結
以上是生活随笔為你收集整理的html入门学习(一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: newcoder ACM模式
- 下一篇: html入门学习(二)