尚硅谷学习:
1、课程简介
2、学习内容简介
3、HTML简介
4、html注释 <!-- -->
5、标签的属性 W3School离线手册(2015.07.17)
6、文档声明 <!DOCTYPE html>
7、进制的简介
8、乱码问题 <meta charset=”utf-8”/>
9、常用的标签
<h1></h2>
<p></p> 字符间的多个连续的空格,都只会当成一个空格解析
<br/>换行
<hr/>分割线
10、实体(一些如<>这种特殊字符是不能直接使用)
&实体的名字;
< <
- >
空格
版权符号 ©
W3School离线手册(2015.07.17) html中的html实体中,查看其它
11、图片标签
<src=”1.gif” alt=”描述”/> <!—src:设置一个图片的路径,alt:在图片不能显示时,设置图片的描述 à
12、相对路径
<img src=”../../img/2.gif” alt=”描述” /> 可以使用../来返回一级目录,返回几级目录就写几个../
13、图片格式
14、meta标签
1:设置网页的关键字
例:<meta name=”keywords” content=”HTML5,JavaScript,Java” />
2:指定网页的描述
例:<meta name=”description” content=”发布h5,js等前端相关的信息”/>
搜索引擎在检查页面时,会同时检索页面中的关键词和描述
3:可以用来做请求的重定向
例:<meta http-equiv=”refresh” content=”5;url=http://www.baidu.com”/>
15、xHtml语法规范
注释不能嵌套
<p>今天天气<font color=”red” > 真不错</font> <p>
16、内联框架
使用内联框架可以引入一个外部的页面,使用iframe来创建一个内联框架
<iframe src=”页面的相对路径”></iframe> src:指向一个外部页面的路径,可以使用相对路径
width、height、name,可以为内联框架指定一个name属性。
实际开发中不推荐使用,因为内联框架中的内容不会被搜索引擎检索
17、18、超链接
<a href="http://www.baidu.com"> 我是一个超链接</a>
或
<a href="xx.html"> 我是一个超链接</a>
a标签中的target属性可以用来指定打开链接的位置
可选值:
_self:表示在当前窗口中打开(默认值)
_black:在新的窗口中打开链接
:可以设置一个内联框架的name属性值,链接将会在指定的内联框架中打开
例:
<a href=”demo1.html” target=”tom”> 我是一个超链接</a>
<iframe src=”demo2.html” name=”tom”></iframe>
center标签中的内容,会默认在页面中居中显示
<center><p>这是个p标签</p></center>
19、CSS(Cascading Style Sheets)层叠样式表
<style type=”text/css”>
p{
color:red;
front-size:40px;
}
</head>
在后面的所有p标签如果未说明颜色和大小的,都会变成style中的格式。
20、外部样式表(最推荐的方式)
样式文件style.css
内容
p{
color:red;
font-size:40px;
}
引用文件添加
<link rel=”stylesheet” type=”text/css” href=”style.css” />
网页的三部分 结构、表现、行为:
结构:HTML用于描述页面的结构
表现:CSS用于控制页面中元素的样式
行为:JavaScript用于响应用户操作