html 基础(一)

101 阅读1分钟

HTML是超文本标记语言有很多标签:

标签
head定义了文档的信息
title定义了文档的标题
base定义了页面链接标签的默认链接地址
link定义了一个文档和外部资源之间的关系
meta定义了HTML文档中的元数据
script定义了客户端的脚本文件
style定义了HTML文档的样式文件

标签有


<h1></h1> - <h6></h6>

<p><p/>

<br/>  换行符

分成块级,行内元素,行内块级

块级元素:
<div></div>
<address></adderss>
<center></center>
<h1></h1> - <h6></h6>
<hr>
<p></p>
<dl></dl>
<dt></dt>
<dl></dl>
行内元素:
<span><span>
<a></a>
<img></img>

行内块级
<button></button>
<label></label>
<img/>

HTML语义化 解释:构成HTML结构的标签有一定的含义,一眼就能看出这个标签大概是做什么的。

语义化标签:

header 头部
main   内容主体
footer 尾部
article  文章
section  块
nav  导航栏
aside 侧边栏
time  时间

还有一些常用的html标签:

video  视频
audio  音频
canvas 绘画
SVG    矢量图

标签的使用:

<a href="xxx">xxx</a>
<a href="xxx" target="_blank" >xxx</a>
<a href="#xxx">xxx</a>
<div id="xxx"></div>

表格
<table border="1"> 
<tr> 
<td>xxx</td> 
<td>xxx</td> 
</tr> 
<tr> 
<td>xxx</td> 
<td>xxx</td> 
</tr> 
</table>


表单
<form action="">
name: <input type="text" name="name">
pwd: <input type="password" name="pwd">
</form>


<canvas id="xxx"></canvas>

<ul>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
    <li>xx</li>
</ul>

<ol>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
 <li>xx</li>
</ol>