html学习_认识html
1、HTML骨架
<html>----根標簽
? <head>---頭標簽
? </head>
? <body>---主體標簽
? </body>
</html>
2、html主要是表現網頁中的元素（內容）
a、html標簽：
雙標簽? <標簽名></標簽名>
單標簽? <標簽名 />
b、標簽的相互關系：
嵌套關系（父子、孫子）---子元素最好縮進一個tab
并列關系（兄弟）--對齊就行
3、開發工具
sublime、webstorm、vscode
?4、<!DOCTYPE html>---文檔類型
告訴我們和瀏覽器我們使用的是哪個html版本,html有很多版本
比較早的有html：xt
我們目前都用的html： 5更簡潔些，
5、<meta charset=“UTF-8”>? 字符集 告訴瀏覽器使用的字符集
UTF-8? 最大的字符集? 幾乎包含了所有國家用到的字符，使用后避免出現字符集不統一而引起的亂碼問題
6、標簽的語義化
7、排版標簽：
標題標簽（h1-h6）、段落標簽（p）、水平線(<hr />)、換行標簽(<br />)
div 、span標簽(2布局標簽無語義是重點)
8、文本格式化標簽：
9、圖片：一般情況下我們只需設置圖片的寬度或高度一項就可以，另外的那個會等比例縮放（不至于拉伸圖片）
<img />圖片的屬性：src （來源的路徑 必需寫屬性）、 alt 、title、 border、 width 、height
10、鏈接標簽
外部鏈接 : 鏈接地址已http：//開頭
內部鏈接:? 只需寫上去往路徑
<a> </a>屬性：href(去往的路徑 必需寫屬性)、target=“_blank”? target="_self"(默認)
11、錨點定位（適合于較長的頁面，我們可以點擊某個關鍵詞從而迅速到達頁面中的某個位置）
步驟：
?eg：??? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
<a href="#main">主要內容</a>
<div id="main">錨點</div>
12、base標簽
單標簽：img br hr base
13、相對路徑
相對路徑：
a.同一級路徑(./)? ? ?xx.jpg
b.下一級路徑? ? ? ? ?xx/xx.jpg
c.上一級路徑(../)? ? ../xx.jpg
絕對路徑：
a.找到圖片屬性查看位置（C：\...）（一般不會用的）
b.復制圖片地址
14、列表標簽
a.無序列表:? ul>li
? ?注意事項 ：ul里只能放置li標簽；li標簽相當于一個容器，里面可以放置所有的元素；無序列表有一些默認的樣式用css搞定。?
b.有序列表:ol>li
注意事項 ：ol里只能放置li標簽；li標簽相當于一個容器，里面可以放置所有的元素；有序列表有一些默認的樣式用css搞定。?
c.自定義列表:dl>dt+dd? (dd是圍繞dt來解釋的，dd可以寫多個)
常用如下：
?
轉載于:https://www.cnblogs.com/yangyutian/p/10409620.html
總結
以上是生活随笔為你收集整理的html学习_认识html的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 同一台服务器，mysql登录不了指定端口
- 下一篇： 效能改进之项目例会导入实践