博客列表 >html的基础部分:设计思想,页面结构以及元素和属性还有值

html的基础部分:设计思想,页面结构以及元素和属性还有值

吃泔水的猪
吃泔水的猪原创
2020年04月03日 17:37:34533浏览

html 基础

1. 网页的组成

任何一个页面都有三部分

序号 内容 描述
1 文本内容 用户可见的内容,如新闻,电话…
2 其他资源的引用 图片,视频,音频…
3 标记 对文本,其他资源的描述
  1. <p>我是php中文网的学生136953</p>
  2. <img src="logo.png" alt="log" />

2. html 设计思想

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

3. html 页面结构

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

4. 元素,属性和值

4.1 元素与标签

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

4.2 属性和值

  • 属性写在起始标签中 -值:预定义值,字符串,指定格式,数值,布尔值
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议