meta的其他用法:
1.解决乱码
<meta charset="utf-8"/>
原理就是,将浏览器的字符集和编写的字符集保持一致。
2.设置网页的描述:
<meta name = "description" content = "对网页的描述"> 此描述可以显示在网页介绍页面"
3.设置网页的关键字:
<meta name = "keywords" content = "关键字"/>
4.请求重定向,转到其他网页
<meta http-equiv = "refresh" content = "5",url = "地址(网址)"/>
其他标签:
<html>告诉浏览器,文档包含的内容是用html写的,一个页面只能有一个html标签,其内容都在html标签下。
<head>表示网页的元数据,head中包含了浏览器不能见的信息,一个页面只能有一个head标签.
<title> 网页的标题,在网页的标题栏中显示。title标签紧贴着head标签编写,
<body> 设置网页的主体,再网页中可以看到的东西都编写在 <body> 标签下边
<h1>~<h6> h1~h6都是网页中的标题标签,重要性依次下降。
<p>表示一个段落,会在页面中自成一行.()
<br/>表示换行,使用后会让<br/>后的代码另起一行。
<hr/>标签是水平线标签,将上下分为两部分。
<img/> 图片标签,可以向页面中引入一张图片,src指向外部图片的路径 ,alt对图片的描述,键值对的形式 <img src = "./images/a.jpg" alt = "它是个小老鼠" />
字符实体:
< 小于号 > 大于号   空格 ©版权
" 引号 ®注册商标 &trade商标tm & 和符号&
图片的分类及其作用:
1.gif 2. jpg 3.png
1.gif 内存小,颜色少,支持动态图。
2.jpg 支持的颜色多,不支持透明,可以压缩,适合照片。
3.png 支持的颜色多,支持透明。
如果三种效果相同,就用体积小的。
图片标签:
想要添加图片时用:img标签
<img >
超链接href:
<a href = " http://www.baidu.com" target = "blank"></a>
在新窗口内打开超链接:
target="blank"
css
注释:
/* 。。。。*/
基本结构:
标签名{ 样式名:样式值;color:blue;}
行内样式:
<p style = "color:red;font_size:30px"></p>
(将css代码直接写在html标签内部,导致样式不可以重复使用,html代码和css代码没有分开)
内部样式表:
<style>
p{color:red;font_size:30px;}
</style>
(此样式只能在一个页面中使用,不可重复使用,但是独立于html代码)
外部样式表:<link>
创出一个文件,存放所需要的css样式表,通过<link>
标签将样式表引入文件中:
<link rel = "stylesheet" type = "text/css" href = "style.css">
好处:
将外部的样式表放到了页面的外部,可以在多个页面中引入,浏览器在加载时,可以使用缓存,(用的最多的一种)
相对路径:
从当前目录下,找到相应的文件。