首页 > 博客列表 > 4月2日第二课 html基础知识

博主信息

博文 32

粉丝 0

访问量 35331

专题推荐

更多>

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

1.网页组成

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

2.html设计思想

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

3.html页面

3.1 源码构成

<!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>
    <!-- 页面主体内容 -->
    <h2>PHP中文网欢迎您...</h2>
  </body>
</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.手残。。手写

批改老师：

天蓬老师

批改状态：合格

老师批语：非常棒

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

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

2020-04-03 00:09:19