<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--標題標簽-->
<h1>我是h1標簽</h1>
<h2>我是h2標簽</h2>
<h3>我是h3標簽</h3>
<h4>我是h4標簽</h4>
<h5>我是h5標簽</h5>
<h6>我是h6標簽</h6>
<!--線-->
<hr>
<!--輸入框標簽-->
<input placeholder="我是占位文字">
<input value="我是默認文字">
<!--輸入日期-->
<input type="date">
<!--上傳文件-->
<input type="file">
<!--選中顏色-->
<input type="color">
<!--單選-->
<input type="radio">
<!--復選框-->
<input type="checkbox">
<!--段落標簽-->
<!--
相對路徑和絕對路徑:
相對路徑:資源在當前項目中 ./ ../ ././
絕對路徑:資源不在當前項目中 網絡上 本地 http:// https:// file:///
-->
<p>我是段落</p>
<!--圖片標簽-->
<!--alt 圖片加載不出來,的替換文本-->
<!--src 圖片路徑-->
<img src="image/7.png" alt="這是一張圖片" width="150" height="150"></body></html>
<body>
<!--換行標簽-->
<br>
<!--列表標簽-->
<!--無序列表-->
<ul>
<li>無序列表</li>
<li>無序列表</li>
<li>無序列表</li>
<li>無序列表</li>
<li>無序列表</li>
</ul>
<!--有序列表-->
<!--type 123來排序,還是ABC來排序-->
<ol type="A">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<!--a標簽-->
<a>我是超鏈接</a><br>
<!--target="_blank" 打開新窗口,href 跳轉鏈接-->
<a target="_blank">百度一下</a>
<!--div標簽-->
<div>容器標簽</div>
<!--
src: 引入,必須的
href: 引用,不是必須的
-->
</body>
標簽分類
塊級元素特點：
<div>爽柒、<p>玄捕、<h1>...<h6>、<ol>植锉、<ul>、<dl>兄春、<table>、<address>蚌吸、<blockquote> 汰翠、<form>
1龄坪、每個塊級元素都從新的一行開始，并且其后的元素也另起一行复唤。（真霸道健田，一個塊級元素獨占一行）
2、元素的高度佛纫、寬度妓局、行高以及頂和底邊距都可設置。
3呈宇、元素寬度在不設置的情況下好爬，是它本身父容器的100%（和父元素的寬度一致），除非設定一個寬度甥啄。
行內元素特點：
<a>存炮、<span>、<br>、<i>僵蛛、<em>尚蝌、<strong>、<label>充尉、<q>飘言、<var>、<cite>驼侠、<code>
1姿鸿、和其他元素都在一行上；
2倒源、元素的高度苛预、寬度、行高及頂部和底部邊距不可設置笋熬；
3热某、元素的寬度就是它包含的文字或圖片的寬度，不可改變胳螟。
inline-block元素特點：
<img>昔馋、<input>
1、和其他元素都在一行上糖耸；
2秘遏、元素的高度、寬度嘉竟、行高以及頂和底邊距都可設置
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
