博客园 首页 新随笔 联系 订阅 管理
(2) HTML

1.HTML

HTML是超文本标记语言(HyperText Markup Language)，其中包括文本内容以及非文本内容。

 

2.标签

　　双标签:<tag></tag>

　　单标签:<tag>

　　标签可以是上下排列，也可以是嵌套组合

 

3.HTML常见标签元素

　　http://html5star.com/manual/html5label-meaning/

 

4.标签的属性

　用来修饰标签的，设置当前标签的一些功能

　<tag property1="property1" property2="property2"...>

 

5.HTML的初始代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     hello world
 9 </body>
10 </html>

解释:

<!DOCTYPE html>　　　　　　//文档声明，告诉浏览器，这是一个html文件
<html lang="en">　　　　　　//这是html的最外层标签，包裹着所有的标签，其中lang="en" 表示这是一个英文网站，lang="zh-CN"表示这是一个中文网站
<head>　　　　　　　　　　　　
    <meta charset="UTF-8">　　//元信息，表明网页使用utf-8编码
    <title>Document</title>　　//设置网页标题
</head>
<body>
    hello world　　　　　　　　　　//body中则是显示网页内容的区域
</body>
</html>

 

6.HTML的注释

　　常见的注释包括块注释以及行注释

　　写法:<!--注释的内容-->　　在浏览器中看不到，只能在代码中看到注释内容

　　意义:

　　　　(1)把暂时不用的代码注释起来，方便以后使用

　　　　(2)对开发人员进行提示

 

　　快捷键加注释

　　　　shift + option + a

　　　　command + /

7.HTML的语义化

　　所谓HTML的语义化是指，根据网页中内容的结构，选择合适的HTML标签进行编写

　　好处:

　　　　(1)在没有CSS的情况下，页面也可以展示清晰的结构

　　　　(2)有利于SEO

　　　　(3)便于团队开发和维护

 

posted on 2021-12-29 22:01  Computer_Science  阅读(107)  评论(0)    收藏  举报