2019-08-06

作者: 8b96595bf1ce | 来源:发表于2019-08-06 20:47 被阅读0次

    根据W3C网页规范化设计要求,网页应该遵循结构( Stucture)表现( Pesentation )和行为( Behavior)的分离。这3种技术简单说明如下。

    结构:使用HTML、XHTML或者XML语言规范设计的网页标签代码,即网页的结构和内容。我们主要使用HTML。

    表现: 使用CSS语言规范设计的网页样式代码,即网页显示效果(或称呈现效果)。

    行为: 使用JavaScript语言和DOM规范设计的网页脚本代码,即网页特效、动画或者互动行为。

    在深入前端之前,我们应该先掌握HTML语言,能够熟练使用HTML标签。对于大部分初学者来说,养成良好的、符合标准的手写代码习惯是非常重要的。

    HTML文档一般都应包含两个部分:头部区域和主题区域。

    整个文档由<html>(开始标签,下同)作为文件的开始,由</html>(结束标签,下同)作为文件的结束。头部由<head> </head>组成,主体由<body> </body>组成,和身体结构相同,HTML文档也是head在上,body在下。而我们对HTML的代码,主要进行在body元素 之中。

    注释格式:<!-- 注释-->      //注释 

    <!-- 这是块注释,括号中的内容在运行代码时代码将不会执行-->

    //这是行注释,整行的内容在运行代码时代码将不会执行

    下面是比较完整的html文档示例

<html><!--语法开始-->

    <head>

    </head>

    <body>

        <!-- 网页显示的内容写在这里-->

    </body>

</html><!--语法结束-->

    在编写HTML代码时候,需要注意缩进的使用。在一个元素(如body)中可以嵌套许多其他的元素,如下:

     <body>

         <div>

             <div>

             </div>

         </div>

      </body>

        这时候使用适当的缩进可以使文档的结构更加清晰,方便往后对其的CSS编写。

        本章主要了解了HTML的基本雏形,下一章我们将了解HTML中常用的标签元素。

前端学习君

        关注前端学习君,前端学习从0到1。前端学习君每日分享/推送前端相关学习资讯,欢迎关注!

相关文章

  • Pycharm 激活

    Pycharm 2019.2.4 Professional for Mac 使用 [2019-08-06 更新 –...

  • scikit-learn基本信息

    Time: 2019-08-06 Machine learning in Python. scikit-learn...

  • [补]Lan的ScalersTalk第四轮新概念朗读持续力训练D

    练习材料: [Day 1775 2019-08-06] Lesson 30-1 Exploring the sea...

  • WebPack打包工具

    title: WebPack打包工具date: 2019-08-06 20:02:33tags: [webpack...

  • Vue.js框架

    title: Vue.js框架date: 2019-08-06 20:00:27tags: [前端框架,Vue.j...

  • Home

    原创 Y zoe Under the clitoris 2019-08-06 这是我前几天的胡言乱语。因为气候不适...

  • Mixin Network 月报 — — 第 6 期

    2019-08-01 ~ 2019-08-31 纪要 2019-08-06第 28 个全节点加入 Mixin Ne...

  • 文先森的日常

    日精进打卡第371天 姓名:李文杰 (四爷); 公司:中国太平人寿; 日期:2019-08-06 【知~学习】 《...

  • 不计较

    时间:2019-08-06 20:29 周二 地点:家乡 天气:下午阴雨 状态:醒悟 关键字:回味 不过多计较,或...

  • 算法学习的必要性

    Time: 2019-08-06 为什么考察算法? 算法可以看出候选者够不够聪明 实现算法问题,可以控制时间 算法...

网友评论

    本文标题:2019-08-06

    本文链接:https://www.haomeiwen.com/subject/ddkgdctx.html