收藏
天蓬老师批改状态：合格
老师批语：下次准备一个笔记本写, 后面还有大量的手写呢, 一张纸不便于保存
网页由标签、文本、资源组成.标签决定了语义化,文本是用户真实看到的文字,资源则是图像、音频和视频等资源文件.
现在HTML最新版本是HTML5,相比HTML4增加了语义化的特点.
HTML中的一切都是基于标签实现的,就像超市里各种各样的商品,通过标签就可以迅速找到该商品.页面中的内容也是一样,如果想识别出来,就需要给他们贴上对应的标签.
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>HTML5页面结构</title></head><body></body></html>
| 序号 | 源码 | 解析 |
|---|---|---|
| 1. | <!DOCTYPE html> |
HTML5的文档声明,说白了就是HTML用的哪个版本 |
| 2. | <html lang="en"></html> |
<html></html>是根元素,就是最顶层元素,其中lang指定了网页的显示语言,en为英文,zh-CN为中文 |
| 3. | <head></head> |
网页头部,这里定义元数据,就是页面不可见的部分,是用户不感兴趣的 |
| 4. | <meta/> |
可以指定字符集,描述,关键字,定义视口等 |
| 5. | <title></title> |
用于定义网页标题,SEO优化必备 |
| 6. | <body></body> |
网页的主体,用户真正可见地方 |
元素是标签、属性、文本等的集合.元素分为单标签和双标签,一般单标签都是用来资源引用的,双标签则是显示文本的.
属性就好比某件客观存在的东西,比如人,他有年龄、性别等属性,”26”和”男”就是属性的值.
通用属性指的是任何事物都有的属性,比如可见性,任何事物都分看的见和看不见.
HTML中的元素是可以互相嵌套的,就好比族谱,长辈、平辈和小辈等.
在网页中许多符号是和HTML标签冲突的,或者是一些特殊符号,这个时候就需要使用实体字符.
文件和文件夹命名小写、.html为html拓展名、坚持用-作为连接符已经成为了业内的规范.
URL简单的可以理解为每个资源在互联网上都有唯一的地址.
相当于你身份证上的地址,例如xx省xx市xx区xx小区…
相当于你邻居的地址,例如对面楼的xx单元xx层xx号…
合理的使用语义化标签,能够有利于SEO优化.
默认的,HTML自带一些CSS样式,而且不同浏览器显示效果不一样,
这对开发者而言是不友好的,所以我们要重置CSS样式.
今天是HTML的第一节课,并不是很难,都是一些基本概念,需要我们去理解,是我们进入编程的基础,希望能坚持下去,加油.
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
