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

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html入门学习(一)

發布時間:2025/1/21 编程问答 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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>

<ol type="序號類型"><li>a</li><li>b</li><li>c</li> </ol> <ol reversed><li>a</li><li>b</li><li>c</li> </ol> <ul><li>a</li><li>b</li><li>c</li> </ul>

瀏覽器預覽

總結

以上是生活随笔為你收集整理的html入门学习(一)的全部內容,希望文章能夠幫你解決所遇到的問題。

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