• :绿叶现版本暂时不再更新维护,全新版本已经在开发中,新系列图书(暂时8本,后面再续)也将于12月后陆续出版,敬请期待~

3.5 本章总结

一、HTML基本结构

HTML基本结构
HTML基本结构

1、<HTML>

整个网页是从<html>这里开始的,然后到</html>结束。

2、<head>

head标签代表页面的“头”,定义一些特殊内容,这些内容往往都是“不可见内容”(在浏览器不可见)。

表1 <head>内部标签
<head>内部标签 说明
<title> 定义网页的标题
<meta> 定义网页的基本信息(供搜索引擎)
<style> 定义CSS样式
<link> 链接外部CSS文件或脚本文件
<script> 定义脚本语言
<base> 定义页面所有链接的基础定位(用得很少)

:<head>的内部标签也非常重要,在前期大家只需要感性认知就可以。

3、<body>

body标签代表页面的“身”,定义网页展示内容,这些内容往往都是“可见内容”(在浏览器可见)。

后续课程讲解的标签都是在<body>标签内部的各种标签。

二、HTML注释

HTML注释是为了代码可读易懂,注释的内容在浏览器不会显示出来。

1、HTML通用注释

语法:

<!--注释的内容-->

说明:

“<!--”表示注释的开始,“-->”表示注释的结束。

举例:

 
<!DOCTYPE html> 
<head>
    <!--这是网页的标题-->
    <title>绿叶学习网</title>
</head>
<body>
    <!--这是网页的内容-->
    <p>让这里成为衬托你成功的绿叶。</p>
</body>
</html>

2、Visual Studio专属注释

语法:

<%--注释的内容--%>

说明:

“<%--”表示注释的开始,“--%>”表示注释的结束。

举例:

 
<!DOCTYPE html> 
<head>
    <%--这是网页的标题--%>
    <title>绿叶学习网</title>
</head>
<body>
    <%--这是网页的内容--%>
    <p>让这里成为衬托你成功的绿叶。</p>
</body>
</html>

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取更多学习资源和配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:593173594(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部