博客列表 >初步了解HTML的构成

初步了解HTML的构成

洋
原创
2020年04月04日 17:05:38856浏览

HTML 基础知识

1.页面的组成部分

  1. html页面由3大部分组成:
  2. 文本内容:用户看到的文字。
  3. 其他文件的引用:各种网络资源
  4. 标记:html标签
  5. html页面都是用纯文本进行描述的,任何纯文本编辑器都可以创建HTML页面,现在主流的html版本是5.0

2.html 设计思想

  1. html是基于标签实现的,浏览器通过识别标签来渲染页面,html中可以包含超链接文本,html并不是编程语言,只是书写文档的工具

3.html页面的基本结构

  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>
  8. <body>
  9. <!-- 页面主体内容 -->
  10. <h2>PHP中文网欢迎您...</h2>
  11. </body>
  12. </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只负责向访问的用户提供内容展示不做逻辑处理。


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议