Blogger Information
Blog 3
fans 0
comment 0
visits 1505
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0402-HTML基础知识
Nb蓝色基因
Original
678 people have browsed it

HTML基础知识

1、网页组成

  • 网页的内容可以有三部分
序号 内容 描述
1 文字 用户可见内容
2 图片 视频、音频
3 标记 文本或其它资源
  • 示例:
    1. <p>php中文网</p>
    2. <img src="helloworld.jpg" alt="helloworld">

    2、Html标签

    超文本
    标记

3、HTML页面结构

神器Emmet,输!再按TAB键可自动生成代码模板

  1. <!DOCTYPE html>
  2. <!-- 用emmet自动生成-->
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>网页文档标题</title>
  9. </head>
  10. <body>
  11. </body>
  12. </html>
  • 头部 元数据
  • charset 字符集 PHP中不需要-号
  • 视口(可视屏幕) 针对移动端用 一般只设宽度,不用设置高度,

4、元素、属性和值

  • 非空元素
    1. <p>非空元素</p>
  • 空元素
  1. <img src="1.jpg">

required 布尔值,出现的话就是True

  1. <form action = "1.php" method="get">
  2. <lable for="myemail">邮箱</lable>
  3. <input type="text" placeholer="email:" required>
  4. </form>
  • 三大通用属性:id ,class, style
  1. <!DOCTYPE html>
  2. <!-- 可用emmet自动生成-->
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>网页文档标题</title>
  9. </head>
  10. <body>
  11. <form action = "1.php" method="get">
  12. <lable for="my-email">邮箱</lable>
  13. <input type="text" placeholer="email:" id="my-email" required>
  14. <button>提交</button>
  15. </form>
  16. </body>
  17. </html>

5 元素层级

元素中允许包含另一个元素,被包含的元素叫做子元素, 子元素又可以继续包含其它元素
元素层级结构中, 必须保持正确的嵌套关系

6、网页中的实体字符

1.多个空格,制表符,回车符,换行符,都会被压缩为一个空格
2.<,>,&等字符具有特殊意义,需要转义后才允许添加到 html 文档

7、元素样式

元素在不同浏览器表现并不完全相同

8 URL

说白了,一般就是个网址
URL:统一资源定位符.
http/https: 协议, 模式. 服务器

Correcting teacher:天蓬老师天蓬老师

Correction status:unqualified

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