收藏
天蓬老师批改状态：合格
老师批语：优秀
4月2日作业
-直观看，网页包含了文字、图片、视频、音频、软件、链接等内容。
-内涵看，网页是由
文本、引用（如文件、多媒体、样式、脚本等）、标记（对以上的正确描述）等部分组成。
-网页采用纯文本进行描述。
-HTML全称是超文本标记语言（Hyper Text Markup Language），主流版本是5.0。超文本是指页面内包含图片、音频、视频、软件、链接等非文字元素。
-阅读方式：网页浏览器
-一个标准HTML文件包含HTML元素、元素的属性、属性值。
标签：在HTML文档中的一切都是基于标签实现。
和现实中的商品标签左右一样，用于识别各种HTML元素。
应该重点掌握各种标签的标记方法，熟练使用各种标签。
以下是我第一个html结构源码
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>My First Page</title>
</head>
<body>
<h1>Welcom to My First Page!</h1>
</body>
</html>
| 元素 | 标签 | 语法 |
|---|---|---|
| 非空元素 | 双标签 | <p>第一次做表格</p> |
| 空元素 | 单标签 | `<img src="..." > |
区别：中间是否存在文本。
| 概念 | 解释 |
|---|---|
| 属性 | 必须写到元素的 “起始标签” 中,由属性名和属性值二部分组成 |
| 语法 | 属性名="属性值",属性名推荐只使用小写字母,属性值推荐加上双引号 |
| 案例 | <input type="password" maxlength="20" placeholder="至少8个字符" required> |
| 序号 | 类型 | 描述 |
|---|---|---|
| 1 | 字符串 | 英文字母` |
| 2 | 预定义值 | 内部确定的值 |
| 3 | 指定格式 | 内部确定的格式 |
| 4 | 数值 | 数字 |
| 5 | 布尔值 | 只有真、假两个值 |
id\class\style三个属性,几乎可以添加到任何元素上。
| 序号 | 属性名 | 描述 |
|---|---|---|
| 1 | id |
元素的唯一标识 |
| 2 | class |
给元素添加类样式 |
| 3 | style |
设置当前元素样式 |
元素的父子关系，特别注意复杂关系不要嵌套错误。这要依靠编辑器的插件工具，以及良好书写习惯。
推荐将文档编码设置为utf-8
有些字符具有特殊意义,需要转义后才允许添加到 html 文档，
熟记一下常用转义字符表
| 序号 | 字符 | 描述 | 转义字符 |
|---|---|---|---|
| 1 | ' ' |
空格 | nbsp; |
| 2 | < |
小于 | < |
| 3 | > |
大于 | > |
| 4 | & |
&符号 |
& |
| 5 | " |
双引号 | " |
| 6 | © |
版权 | © |
| 7 | ® |
已注册商标 | ® |
| 8 | × |
乘号 | × |
| 9 | ÷ |
除号 | ÷ |
.html, 不要用.htm-,而不是下划线_分隔多个单词虽然我也学过html，但是都是碎片，抓不住重点。现在学起来，感觉发现以前没有注意到的知识点，比如本节课我体会最深的是三大通用属性，因为他几乎能用在每个元素上，就是id、class、style。还有相对URL路径的表示方法，也是我之前出来没有注意。老师能把知识点捋出来，真不错，希望我能跟得上，记得住。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
