html的基础架构

<p> 第一段</p>             设置段落

h1~h6   标题的级数，h1只能在一个页面中只能有一个

<hr>  添加水平线

<br>  设置空格

<b>  加粗

2 .实体

3.网页显示图片

<img src ='图片的地址以及名称',alt ='在图片无法正常显示的时候 要显示的字符'  width = '100px' height = '100px' />

      图片可以用  绝对路经/相对路经 ，但是一般使用相对路经  （../ 可以使用 表示上一级目录）

     宽和高都定义的情况下，按照定义的进行设置，  如果只设置其中的一个width or height 另一个值会等比例缩放

4.图片的格式：

jpg     支持压缩，但是不能透明，颜色多

gif      颜色少， 动图  ，简单透明

png   支持颜色多  ，能显示复杂的透明 ，显示效果好

三者在   效果相同时，选择占用空间小的      /         占用空间相同时，选择效果好的（一般是png）、

5.meta标签

（1）指定关键字 ：

< meta name ='keywords'  content='HTML,JavaScripy,前端，Python' />

（2）网页的描述：

<meta name = 'description' content=' 发布的js的前端相关的信息' />

（3）：页面的跳转   <-- 网页跳转

<meta http-equiv='refresh'  content='5,arl=http://www.baidu.com '/>

指定关键字 和 网页的描述 这两部在执行时并不会在屏幕中显示， 用于搜素引擎的搜索提示，    页面的跳转，content中的内容是 时间和网址，网址如果不存在，依然会跳转，但是会提示网页不存在

6.XHTML的语法规范

（1）HTML中 不区分 大小写 ，一般用 小写

（2）注释不能进行嵌套

（3）标签必须结构完整（不能出现有头无尾的情况）

（4）HTML标签可以嵌套，但不能交叉嵌套

（5）HTML标签的属性必须有值， 且值 必须加引号

7.内联框架    （内联架构不会被搜索引擎 找到，只能用于内部使用）

< iframe  src='010.html' name = '名字', width= '宽度',height ='高度' />

8.超链接

<a href ='http://www.baidu.com'>  我是一个超链接  </a>

<a href = 'http://www.baidu.com'> 我是超链接2 </a>

<a href = 'http://www.baidu.com'  target='_blank' >我是超链接  </a>          ( target里面的的内容可以 换成  内联框架的名字）

<a href='#'> 回到顶部</a>           href里面的值设置为'#',触发时会自动跳转到自己页面的顶部

<a href='#bottom' >回到底部 </a>  然后在底部body里面的标签中的任意一个标签内加上 这个 id='bottom',触发事件时自动跳到 id='bottom'的位置

<a href='内联框架的地址' target='这里写上内联框架的名字'>这里是一个内联框架</a>       超链接链接电脑中的内联框架