Blogger Information
Blog 4
fans 0
comment 1
visits 2313
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html 基础知识总结
Neo( -᷅_-᷄ )
Original
585 people have browsed it

html 基础

1.网页的组成

任何一个页面都有三部分

  • 文本内容
  • 其他资源的引用:图片,视频,音频…
  • 标记:对文本,其他资源的描述
  1. <p>我是php中文网</p>
  2. <img scr="logo.png" alt="log" />

2.html 的设计思想

  • 超文本:是指包括了超链接的文本
  • 预定义标记:是用来描述内容的固定标签
  • 语言:html 并不是编程语言,只是用来书写 html 文档的工具

3.html 页面结构

  1. <!DOCTYPE html>
  2. <!-- 通知浏览器,我是一个html5文档 -->
  3. <html lang="en">
  4. <!-- html:根标签/根元素 -->
  5. <head>
  6. <!-- head中的内容,用户并不感兴趣,或者不需要用户看到,给浏览器/开发者看 -->
  7. <!-- 元数据:描述某种特定信息的数据 -->
  8. <!-- 当前字符集是utf-8 -->
  9. <meta charset="UTF-8" />
  10. <!-- viewport:视口/可视区屏幕 -->
  11. <!-- 当前页面的宽度等于使用设备的宽度 -->
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  13. <title>当前页面的标题</title>
  14. </head>
  15. <body>
  16. <!-- 这是用户真正看到的内容 -->
  17. <h2>php中文网欢迎大伙...</h2>
  18. </body>
  19. </html>

4.元素,属性和值

  • 元素是用标签来描述的,属性和值是对元素的进一步精准描述
  • 元素之间需要保持正确的嵌套关系,例如 form 就是 label 的父级标签

4.1 元素与标签

元素 标签 描述
非空元素 双标签 <p>学习让我很快乐</p>
空元素 单标签 `<img src="1.jpg" alt="">

4.2 属性,值

  • 属性写在起始标签中
  • 值:预定义值,字符串,指定格式,布尔值
  • 布尔值:只要在元素中出现这个属性,就代表它是 true,如果你不需要它,就不要写
  • 几乎所有元素都可以设置的三大通用属性:id class style
  1. <body>
  2. <!-- color:aqua,这是个预定义的值 -->
  3. <h2 style="color: aqua;font-size: 36px;" class="aaa">
  4. php中文网欢迎大伙...
  5. </h2>
  6. <a href="https://www.php.cn">php中文网</a>
  7. <!-- url、图片之类的都是指定义的值 -->
  8. <form action="1.php" method="get">
  9. <!-- 点击提交后跳转至action值 -->
  10. <label for="my-email">邮箱:</label>
  11. <input type="email" placeholder="Email" id="my-email" />
  12. <!-- required代表输入框为必填字段,属于布尔值 -->
  13. <!-- id需要保证唯一性,只能标注一个元素 -->
  14. <button>提交</button>
  15. </form>
  16. </body>

5.网页中的实体字符

  • 空白的处理:空格,制表符,换行符,无论多少个都算一个


6.文件与文件夹

  • 全部使用小写
  • 命名:html htm
  • html 中写代码需要使用连接线,php 中需要使用下划线

7.URL

  • URL:统一资源定位符,互联网上的任何一个文件/资源必须要有一个唯一的访问地址
  • URL 语法:https://www.php.cn/course/1088.html
    1)http/https:协议,模式,80 端口(web)、21(FTP)、25(邮件)
    2)www.php.cn:主机名/域名,
    3)course/1088.html:访问的资源在服务器上的真实路径
  • 绝对 URL:https://www.php.cn/course/1088.html
  • 相当 URL:../1088.html

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