HTML 基础知识
1.页面的组成部分
html页面由3大部分组成:
文本内容:用户看到的文字。
其他文件的引用:各种网络资源
标记:html标签
(html页面都是用纯文本进行描述的,任何纯文本编辑器都可以创建HTML页面,现在主流的html版本是5.0)
2.html 设计思想
html是基于标签实现的,浏览器通过识别标签来渲染页面,html中可以包含超链接文本,html并不是编程语言,只是书写文档的工具
3.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>
<!-- 页面主体内容 -->
<h2>PHP中文网欢迎您...</h2>
</body>
</html>
4.html页面元素
元素就是标签的别名,元素分为非空元素与空元素,非空元素为双标签例如<p></p>,空元素为单标签例如<img>
5.html页面属性和值
属性必须写到元素的起始标签,值写在属性后面,属性有5种类型:
1.字符串<p class="active">
2.预定义值<input type="text">
3.指定格式<a href="https://php.cn">
4.数值<table width="200">
5.布尔值<input type="email" required>
属性有3大通用属性:
1.id:元素的唯一标识
2.class:给元素添加类样式
3.style:设置当前元素样式
6.元素的层级关系
元素中允许包含另一个元素,被包含的元素叫做子元素, 子元素又可以继承包含其它元素
7.实体字符
在html中,多个空格,制表符,回车符,换行符。都算作一个空格,一些具有特殊意义的字符需要转译才能显示在页面上,如:< > “” 等等这个时候就需要使用到实体字符
8.文件与文件名的命名规则
1.全部使用小写字母
2.采用合适的扩展名
3.坚持使用连接线-
,而不是下划线_
分隔多个单词
9.url
1.定义:url是统一资源定位符,互联网上任何一个文件都有一个唯一的url
2.语法:协议+主机名+路径+文件名,如果以 / 结尾,则启用默认文件名
3.绝对url:被引用目标与当前位置无关
4.相对url:相对于当前路径寻找文件,访问同一个网站的文件,应该始终坚持使用相对url地址
10.课程总结与体会
html是一种由特定规则的字符串与超链接组成的文档,互联网上的用户可以用对应的url来访问他,html只负责向访问的用户提供内容展示不做逻辑处理。