简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 4月2日第二课 html基础知识
Blogger Information
Blog 32
fans 0
comment 0
visits 27414
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
4月2日第二课 html基础知识
Yang_Sir
Original
1110 people have browsed it

4月2日第二课 html基础知识

1.网页组成

序号 内容 说明
1 文本 直接展示给用户的内容
2 资源引用 引入外部已制作好的图片、文件、视频等
3 标记 对上两个内容的说明描述，html标签

2.html设计思想

  • html中的一切都基于标签，所有内容都处于标签之内
  • html根据各种标签来规范内容的展示方式
  • html不是编程语言，只是一种文本规范

3.html页面

3.1 源码构成

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>HTML5页面结构</title>
  7.   </head>
  9.   <body>
  10.     <!-- 页面主体内容 -->
  11.     <h2>PHP中文网欢迎您...</h2>
  12.   </body>
  13. </html>

3.2 源码构成说明

序号 内容 说明
1 <!DOCTYPE html> 声明文档类型，放于顶部
2 <html></html> 根标签，所有html内容都应该写在其中
3 <head></head> 设置页面的相关信息，如页面编码格式、网页标题、网页关键字、引用外部样式文件等，供浏览器和搜索引擎使用。不展示给用户
4 <body></body> 放置展示给用户的内容
5 <meta> 用于设置页面元数据（描述特定信息），如页面编码格式、窗口设置
6 <!--注释--> HTML文件中内容的注释，浏览器不会进行解析

4.元素、元素的属性、属性的值、

4.1元素

  • 元素分为两类：非空元素、空元素。
  • 非空元素为双标签，有起始标签和结束标签，主要放置内容
  • 空元素为单标签，无结束标签，主要用于资源引用

4.2 元素的属性和属性的值

  • 属性写于元素的起始标签中
  • 属性语法：属性名=”属性值”
  • 属性名是预定义的，不能自定义
  • 属性值有部分是可以自定义的，如class=”XX”类的名称，预定义的如type=”text/html”…

4.3 三大通用属性

  • 通用属性，几乎所有html标签都可以使用
序号 内容 说明
1 id 网页内对当前元素的唯一标识，不可重复
1 class 对元素划类，便于批量处理
1 style 设置当前元素的样式

5.元素的层级关系

  • 元素中可以包含其他元素，是为其子元素。可以多层嵌套
  • 元素嵌套要注意标签的闭合

6.网页中的文本字符

  • 多个空格、换行、制表符等字符会被压缩
  • <、>、&等特殊字符需要转译后才能在页面展示

7.文件和文件夹名称

  • 业内规范，统一使用小写
  • html文件扩展名使用.html
  • 组合文件名使用连接线 -

8.url

8.1语法

  • url:统一资源定位符，网络上每一个资源都有一个唯一的位置标识-URL
  • 语法：协议://模式/主机名/路径/文件

8.2绝对URL和相对URL

  • 绝对URL：访问目标资源与当前位置无关，物理定位
  • 相对URL：根据当前位置进行访问，如上一级目录、主机

9.html标签语义化的优势

  • 含义更直观
  • 利于搜索
  • 精简代码，便于维护
  • 无障碍支持

10.html元素的默认样式

不同浏览器对于HTML标签的默认样式会有差别。

11.课程总结

  • html语言使用规范化的标签来向用户显示各种美观整洁的网页
  • html页面使用标签进行布局、直接显示文本、引文图片和视频等资源，一切基于标签

12.手残。。手写

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：非常棒
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！