返回
2html入门导学案设计

2html入门导学案设计

ID：35522446

大小：59.84 KB

页数：10页

时间：2019-03-25

上传者：U-991
2html入门导学案设计_第1页
2html入门导学案设计_第2页
2html入门导学案设计_第3页
2html入门导学案设计_第4页
2html入门导学案设计_第5页
资源描述：

《2html入门导学案设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

【课题】HTML入门导学案课时：2学习目标：1.理解IITML的基本概念。2.掌握HTML语法规范。学习重点:HTML语法规范。学习难点：元素的嵌套。学法指导：自主学习、合作学习学习过程：一'知识准备-一登录网易云课堂帐户网上学习HTML的发展史HTML是开发Web网页程序的一种语言二、知识掌握（一）HTML概述HTML:HyperTextMarkupLanguage超级文本标签语言超级文本：具备超级链接的文本语言：具备不同的语法规范注：由HTML编写的文本最终是以・html或・him作为结尾的文件,并且由浏览器解释运行。（二）HTML语法规范（重点）1、标记在HTML中，用于描述功能的符号称之为"标记”语法: 标记在书写时，必须用尖括号括起来(◊)标记分成封闭类型的标记和非封闭类型的标记⑴封闭类型标记必须成对出现〈标记〉内容〈/标记〉注意：I封闭类型标记必须成对出现II标记必须要完整，否则会有意想不到的效果⑵非封闭类型标记又称为单标记或空标记〈标记〉或〈标记/>ex:
:换行

：水平线2、元素元素即标记ex：〈3〉百度〈/a〉⑴元素的嵌套元素之间可以相互嵌套，形成更为复杂的页面结构语法：〈标记〉〈标记1>〈/标记1>〈/标记〉 注意:I注意嵌套顺序II必须完整嵌套III格式问题ex：被嵌套的内容要通过缩进(Tab)表示层级关系IIelloWorld推荐的格式：HelloWorld⑵属性和值属性是用来修饰元素的语法：①属性的声明必须位于开始标记中②属性名称与标记名称之间用空格隔开〈标记属性〉〈/标记〉〈标记属性/>③属性值与属性之间用”二”来连接属性值要用"或‘‘引起来〈标记属性二”值”〉 ①一个元素允许有多属性，多属性之间排名不分先后，中间用空格隔开〈标记属性1二”值"属性2二”值”〉ex：〈/p>⑶注释要编写在源文档中，但不想被浏览器解释运行的内容注意：I注释不能嵌套—>以上结构是错的II注释不能出现在标记（〈〉）里〈a>以上的写法是错误的3、文档结构两部分组成 ⑴文档类型声明指定当前html文档用的时哪个版本语法：文档中的第一句话位置处(2)html页面网页要表示的信息的开始与结束语法：子级内容：①网页头部信息作用：用于定义网页的全局信息语法：子级：1、网页标题标题内容2、网页元数据指定网页编码格式注意：必须保证网页文档的编码格式也是utf-8的②网页主体信息 包含要显示给用户去看的所有内容属性：1、text作用：控制当前文档的文本颜色取值：颜色的英文表示方式2、bgcolor作用：控制当前文档的背景颜色取值：同上（三）文本标记1、文本样式〈i＞内容〈/i＞斜体显示文本〈u＞内容〈/u〉下划线的文本〈s＞内容〈/s〉删除线的文本〈b〉内容〈/b＞加粗显示文本下标上标特点：所有的内容会在一行内显示2、标题元素作用：以标题的方式显示文本（突出显示）语法： n:1~6属性：align:文本的水平排列方式取值：left/center/right特点：1、独自成行2、加粗显示文本3、上下会有垂直的空白3、段落元素语法：

属性：align特点：1、垂直空白2、独占一行4、换行元素语法：
或
5、分割线元素语法：
或〈hr/〉属性:1、size尺寸，以卩乂或％为单位（省略单位的话是px）2>width宽度，以卩乂或％为单位3、align水平对齐方式4、color颜色6、行分区元素语法：作用：包裹文本并且设置不同的样式7、块分区元素语法：〈div〉〈/div>作用：布局8、预格式化作用：保留标记内的格式（回车和空格）语法：
9、块级元素和行内元素1、块级元素 每一个块级元素独占一行块级元素的主要作用：布局2、行内元素多个元素会在一行内显示，显示不下自动换行span,i,b,s,u,sub,sup作用：设置文本样式三、课堂练习在记事本中输入如下内容：HelloWorldCtrl+S:保存 再另存为・hUnl文件，然后在浏览器中打开
                        

                        

                            
 当前文档最多预览五页，下载文档查看全文  

                            

                                

                                    

                                        
                                        
                                    

                                    

                                        
此文档下载收益归作者所有

                                        
                                    

                                

                            

                        

                        
当前文档最多预览五页，下载文档查看全文

                        
                                                

            

                
                

                    

                        温馨提示： 

                        1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。

                        2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。

                        3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。

                        4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。 

                    


                

            



            

    

        

        
最近更新

        更多
    

        
    


    




    

        
大家都在看

        近期热门
    

    



        

        

            
        

    

    
    

        

            

                
                    
                    
首页

                
                

                    
                    
分享

                

                

                    
                    
客服

                

            

            
        

    

    
    

    
    
    
    
    
    
    
    
    
    

    
关闭