前端基础复习笔记----02web三大核心技术?HTML基本结构和属性?HTML初始代码?HTML注释?标题与段落?

    技术2022-07-11  91

    1. web三大核心技术?     HTML     CSS     JavaScript

    2. HTML基本结构和属性?

        HTML : 超文本 标记 语言

        超文本 : 文本内容 + 非文本内容 ( 图片、视频、音频等 )

        标记 : <单词>

        语言 : 编程语言

        标记也叫做标签:         <header>         <footer>         写法分成两种:             单标签   <header>             双标签   <header></header>

            创建标签的快捷键:单词 + tab键 -> <单词>

        标签是可以上下排列,也可以组合嵌套。

        HTML常见标签:http://www.html5star.com/manual/html5label-meaning/

        标签的属性:来修饰标签的,设置当前标签的一些功能。         <标签 属性="值" 属性2="值2">

    3. HTML初始代码?

        每个.html文件都有的代码叫做初始代码 , 要复合html文件的规范写法。

        ! + tab键 : 快速的创建html的初始代码

    <!DOCTYPE html>           文档声明 : 告诉浏览器这是一个html文件 <html lang="en"> html文件的最外层标签:包裹着所有html标签代码 lang="en"表示是一个英文网站 lang="zh-CN"表示一个中文网站     <head>         <meta charset="UTF-8">    元信息:是编写网页中的一些辅助信息 charset="UTF-8"国际编码,让网页不出现乱码的情况         <title>Document</title>   设置网页的标题     </head>     <body>         显示网页内容的区域     </body> </html>

    4. HTML注释?

        写法:<!-- 注释的内容 -->  在浏览器中看不到,只能在代码中看到注释的内容。

        意义:         1. 把暂时不用的代码注释起来,方便以后使用。         2. 对开发人员进行提示。

        快捷添加注释与删除注释:         1. ctrl + /         2. shift + alt + a    

    5. 标题与段落?

        标题 -> 双标签 : <h1></h1>   ...  <h6></h6>

        在一个网页中,h1标题最重要,并且一个.html文件中只能出现一次h1标签。

        h5、h6标签在网页中不经常使用。

        段落 -> 双标签 : <p></p>

    Processed: 0.017, SQL: 9