H5学习1-----学习视频来源---尚硅谷

尚硅谷学习:

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、实体(一些如<>这种特殊字符是不能直接使用)

         &实体的名字;

         <       &lt;

  •  &gt;

空格 &nbsp;

版权符号 &copy

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=”发布h5js等前端相关的信息”/>

         搜索引擎在检查页面时,会同时检索页面中的关键词和描述

         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:指向一个外部页面的路径,可以使用相对路径

         widthheightname,可以为内联框架指定一个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用于响应用户操作

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值