<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> 超链接链接电脑中的内联框架
网友评论