标签
网站开发常用标签
<body bgcolor="网页背景颜色"># 红绿蓝 16进制F最大0最小
text=""文字颜色
backgaound="图片"网页背景图片
绝对路径-从根开始的-/某一个文件夹里面
相对路径-从自身开始的-./当前目录../上级目录/代表根
基础标签第一类
<font face="字体（黑体）
"size="字体大小"
color="文字颜色">文字
</font>
控制
<b></b>加粗
<i></i>倾斜
<u></u>下划线
可以嵌套
实现换行 ：<br/>出现几次换几行
空格 在代码界面无论加多少空格都会当做一个  ；出现一次代表一个
<strong></strong>实现加粗
<em></em>倾斜 表强调
内容容器 存放内容
<h(1-6)><h(1-6)>标题大小 1最大 6最小 标题 加粗换行
<p>段落</p> 配合使用做文章
层标签
<span></span> 主要是放文字
<div>你好</div>做容器 不对里面内容产生效果 页面布局使用默认占一行
网页的布局
最初使用表格 不灵活
DIV+ CSS 比较复杂
网格系统 适应各种屏幕 pc端 移动端
有序列表
<ol>
<li>xx</li>
<li>xx</li>
</ol>外层的标签
无序列表
<ul>
<li>xx</li>
<li>xx</li>
</ul>
前面是·用的多一些
超链接标签 <a href= "指向">内容</a>
两要素：1.内容 2.指向 （href）href="#"跳转到自身页面
相当于刷新页面
如果指向图片 在网页中将图片打开
如果指向文件 有可能会下载文件
如果遇到浏览器能打开的文件会打开如果打不开会下载。
能够打开的文件： 文本文档.txt 图片 .JPG 网页文件
做锚点：在网页里面固定几个位置 然后点击某个位置用超链接跳转到
<div>
<a href="#m1">模块一</a>
<a href="#m2">模2一</a>
<a href="#m3">模3一</a>
<a href="#m4">4块一</a>
<a href="#m5">5块一</a>
<a href="#m6">模6一</a>
<a href="#m7">模块7一</a>
</div>
<a name="m1"><h1>模块一</h1></a>
<p>123123131314567566887456688887741222588796348866355899666887777445555556669888774444445526666888888744422566887888888</p>
<a name="m2"><h1>模2一</h1></a>
<p>123123131314567566887456688887741222588796348866355899666887777445555556669888774444445526666888888744422566887888888</p>
<a name="m3"><h1>模3一</h1></a>
<p>123123131314567566887456688887741222588796348866355899666887777445555556669888774444445526666888888744422566887888888</p>
<a name="m4"><h1>4块一</h1></a>
<p>123123131314567566887456688887741222588796348866355899666887777445555556669888774444445526666888888744422566887888888</p>
<a name="m5"><h1>5块一</h1></a>
<p>123123131314567566887456688887741222588796348866355899666887777445555556669888774444445526666888888744422566887888888</p>
<a name="m6"><h1>模6一</h1></a>
<p>123123131314567566887456688887741222588796348866355899666887777445555556669888774444445526666888888744422566887888888</p>
<a name="m7"><h1>模块7一</h1></a>
<p>123123131314567566887456688887741222588796348866355899666887777445555556669888774444445526666888888744422566887888888</p>
