HTML基础
HTML的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
内容都在body里。
HTML的基础语法
<p> </p>:段落标签。
<h1> </h1>——<h6></h6>:<h1>到<h6>字体逐渐减小.
<br>:直接换行。
<hr>:换行且有水平线。ps：在<p>段落里可以用<br>换行。
<pre>:html的预格式文本，在里面这么编辑，网页就出现什么样的效果。
文字与段落标签
文字斜体：<i> </i>，<em> </em>；
加粗：<b> </b>，<strong> </strong>；
下标：<sub> </sub>；上标：<sup> </sup>；
特殊符号
空格： ； ps：分号是要带上的。
小于号或显示标记：<；
大于号或显示标记：>；
已注册：®； (®)显示出这样的图标。
版权：©； （©）
商标：&trade；
无序列表
<ul>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
显示效果：
前面会带有序标，但是可以通过添加type属性改变形状。
如：
<ul type="disc">
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul> disc是圆点。square是正方形。circle是空心圆。
有序列表
<ol>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ol>
显示效果：
可以通过添加type属性改变形状。
<ol type="1">
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ol>序列为数字1,2,3.
type=“a”序列为小写字母a,b,c.
A 序列为大写字母A,B,C
i 序列为小写罗马字母i,ii,iii
I 序列为大写罗马字母I,II,III
列表标签
<dl>
<dt>xxx</dt>
<dd>xxx</dd>
<dd>xxx</dd>
</dl>
显示效果：
<dd>会自动缩进
图像和标签
语法：<img src="" alt="" height="" width="">
img属性：
src——显示图像的url
alt——图像的代表文字
height——图像的高
width——图像的宽
超链接标签
语法：<a href="">内容</a>
href——链接地址，可以是外部链接或内部链接
target——链接的目标窗口，_self(原窗口) ，_blank(新窗口），_top,_parent
title——链接提示文字
name——链接命名
定义锚（同一页面）ps：点击目录的定义了锚名的文字可跳转至锚名所在的内容
语法：<a href="#锚名">目录</a>
<a href="..." name="锚名">内容</a>
定义锚（不同页面）
语法：<a href="网页名称#锚名">目录</a>
<a href="..." name="锚名">内容</a>
电子邮件链接
语法：<a href="mailto：邮件地址"> </a>
文件下载：
<a href="下载文件的地址" >目录</a>
浙公网安备 33010602011771号