解决乱码问题:<metacharset="utf-8"/>
<meta> 标签用于文档的头部,不包含任何的内容。<meta>标签的属性定义了与文档相关联的名称/值对。
<meta>的用法:
设置页面的字符集:– <metacharset="utf-8">
设置网页的描述:– <metaname="description"content="">
设置网页的关键字: – <metaname="keywords"content="">
请求的重定向: – <metahttp-equiv="refresh" content="5;url=地址"/>
常用的标签:
<HTML>标签用于告诉浏览器这个文档中包含的信息是用于HTML编写的。HTML标签中有两个子标签head和body。
<head> head标签作为HTML标签的子元素的出现,一个网页中只能有一个head。
<title> 标签表示网页的标题,一般会在网页的标题栏上显示。
<body> 标签用来设置网页的主题,所有在页面中能看到的内容都应该编写到body中。 body标签作为HTML的子标签使用。
<h1>~<h6> 都是网页中的标题标签,用来表示网页中的一个标题,不同的是,从h1~h6重要性越来越低。标题标签相当于正文中的标题,通常认为重要性仅次于页面的title。 一个页面只会使用一个h1标签。
<p>标签表示网页中的一个段落。
<br> 标签表示换行。
<hr>标签是水平线的标签。
<img /> 标签是图片标签,可以用来向页面中引入一个外部的图片。属性:src指向一个外部的图片的路径,alt图片的描述。
<a>标签是超链接标签,通过a标签,可以快速跳转到其他页面。属性:href指向一个连接地址, target设置打开目标网页的位置,可选值:_blank打开新窗口,_self当前的窗口。
实体(转义字符)
实体:
在HTML中预留了一些字符。
这些预留字符是不能在网页中直接使用的。
比如<和>,我们不能直接在页面中使用<和>号,因为浏览器会将它解析为html标签。
为了可以使用这些预留字符,我们必须在html中使用字符实体。
语法:&实体名;
字符实体:
小于号< = < 大于号> = > 空格   和符号& & 版权 © 引 号 " 注册商标 ® 商标 &trade
css:
层叠样式表(CascadingStyle Sheets)
css可以用来为网页创建样式表,通过样式表可以对网页进行装饰。
所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。
而css就可以分别为网页的各个层次设置样式。
基本语法:
CSS的样式表由一个一个的样式构成,一个样式又由选择器和声明块构成。
语法:
–选择器{样式名:样式值;样式名:样式值; }
–p {color:red; font-size:12px;}
行内样式:<p style="color:red;font-size:30px"></p>
内部样式表:可以直接将样式写到<style>标签中。
<style>
p{color:red;font-size:30px;}
</style>
这样使css独立于html代码,而且可以同时为多个元素设置样式,这是我们使用的比较多的一种方式。
但是这种方式,样式只能在一个页面中使用,不能在多个页面中重复使用。
外部样式表:可以将所有的样式保存到一个外部的css文件中,然后通过<link>标签将样式表引入到文件中。
<linkrel="stylesheet"type="text/css"href="style.css">
这种方式将样式表放入到了页面的外部,可以在多个页面中引入,同时浏览器加载文件时可以使用缓存,这是我们开发中使用的最多的方式。