day3

HTML

概念

中文译为超文本标记语言，专门用于网页开发的语言，主要通过HTML标签对网页的文本，图片，音频，视频等内容进行描述。

示例：新建文件，后缀改html，在记事本中修改，你好为加粗，浏览器中打开。

骨架结构

网页中的固定价格是要通过特定的HTML标签进行描述的

<head> <title>网页的标题</title> </head> 网页的主题内容

  • 标签组成：
    html标签：网页的整体
    head标签：网页的头部
    body标签：网页的身体
    title标签：网页的标题

  • 开发工具的使用

常见开发工具：Visual Studio Code，Webstorm，Sublime，Dreamweaver，Hbuilder.

VS code创建网页的步骤：

  1. 双击打开
  2. 将代码文件夹用鼠标左键按住不放，拖拽到VS Code窗口中，文件夹会显示在左侧中。
  3. ！+空格键，显示编码。

注释

对代码的解释说明，
快捷键为：Ctrl+/
浏览器不会执行注释

THML标签的结构

结构：文本变粗

结构说明：

  1. 标签由<，>，/，英文单词或字母组成，并且把标签中<>包括起来的英文单词或字母称为标签名。
  2. 常见标签由两部分组成，称为双标签，前面部分叫开始标签，后部分叫结束标签，两部分之间包裹内容。
  3. 少数标签由一部分组成，称为单标签，自成一体，无法包裹内容。

HTML标签与标签之间的关系:
父子（嵌套）关系

<head> <title></title> </head>

兄弟（并列）关系

<head></head> <body></body>
posted @ 2022-06-14 20:37  Yeah晓夫  阅读(66)  评论(0)    收藏  举报