HTML基本结构、属性和一些基本编程必备概念
1.网页的组成部分
网页由标签、文本、资源组成.标签决定了语义化,文本是用户真实看到的文字,资源则是图像、音频和视频等资源文件.
现在HTML最新版本是HTML5,相比HTML4增加了语义化的特点.
2.HTML设计思想
HTML中的一切都是基于标签实现的,就像超市里各种各样的商品,通过标签就可以迅速找到该商品.页面中的内容也是一样,如果想识别出来,就需要给他们贴上对应的标签.
3.基本的HTML页面
3.1HTML结构源码
<!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>
3.2源码逐行分析
| 序号 | 源码 | 解析 |
|---|---|---|
| 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> |
网页的主体,用户真正可见地方 |
4.元素,属性与值与其它
4.1元素
元素是标签、属性、文本等的集合.元素分为单标签和双标签,一般单标签都是用来资源引用的,双标签则是显示文本的.
4.2属性和值
属性就好比某件客观存在的东西,比如人,他有年龄、性别等属性,”26”和”男”就是属性的值.
通用属性指的是任何事物都有的属性,比如可见性,任何事物都分看的见和看不见.
5.层级关系
HTML中的元素是可以互相嵌套的,就好比族谱,长辈、平辈和小辈等.
6.网页中的实体字符
在网页中许多符号是和HTML标签冲突的,或者是一些特殊符号,这个时候就需要使用实体字符.
7.文件与文件夹名称
文件和文件夹命名小写、.html为html拓展名、坚持用-作为连接符已经成为了业内的规范.
8.URL
URL简单的可以理解为每个资源在互联网上都有唯一的地址.
8.1绝对URL
相当于你身份证上的地址,例如xx省xx市xx区xx小区…
8.2相对URL
相当于你邻居的地址,例如对面楼的xx单元xx层xx号…
9.HTML标签的语义化优势
合理的使用语义化标签,能够有利于SEO优化.
10.HTML元素的默认样式
默认的,HTML自带一些CSS样式,而且不同浏览器显示效果不一样,
这对开发者而言是不友好的,所以我们要重置CSS样式.
11.总结与体会
今天是HTML的第一节课,并不是很难,都是一些基本概念,需要我们去理解,是我们进入编程的基础,希望能坚持下去,加油.
12.代码手抄
