zoukankan      html  css  js  c++  java
  • HTML: 介绍 & 规范

    1 介绍

    HTML 指的是超文本标记/标签语言 (Hyper Text Markup Language)

    专门制作网页的计算机语言

    普通的文本就是英文单词,英文字母一样的存在。

    超文本的意思是有一些单词或字母,在网页浏览器的世界中被赋予了特殊的权利。

    比如:我们都是普通人,但是有些人经过国家的选拔,穿上警服之后,他就被赋予了执法的特殊权利, 普通人是没有执法权的。

    字母img只是普通的字母,没什么特殊的含义。而被加上尖括号后,在网页的世界中,就具备了显示图片的作用。 

    2 使用记事本开发第一个网页

    在计算机任意的位置,创建一个空白的记事本

    重点:文件的后缀名必须是 "htm" 或 "html"

    鼠标右键文件,选择打开方式为"记事本",输入下面代码

    <html>
        <head>
            <title>拉钩有我</title>
        </head>
        <body>
            必须火!
        </body>
    </html>

    保存文件,双击文件会以计算机默认的浏览器运行,你的第一个网页就制作完成了!

    注意:

      1.<html>标签它代表当前页面是一个HTML

      2.<head>标签中可以声明HTML页面的相关信息

      3.<body>标签中可以声明HTML页面的相关信息

           4. 标签要有开始,有结束,成双成对

      5. 开始标签与结束标签中的内容是标签的内容,如果没有标签内容,可以让标签自关闭<br/>

      6. 大多数标签它具有属性,属性值要使用引号引起来

      7. HTML它本身是不区分大小写的。

    3 下载和安装 VSCode

    记事本编写网页太难了,我们推荐一款编写网页的神器!
     
    <1> 下载地址
    https://code.visualstudio.com/
     
    <2> 初始中文设置
    安装vscode之后,在界面的左侧,选择安装中文插件。
    点击安装后,右下角会弹出重启的窗口

     重启之后,界面就是伟大的中文了。

    <3> 创建项目

    vscode本身没有新建项目的选项,所以要先创建一个空的文件夹,如: vscode目录

    然后打开vscode软件,在vscode软件中选择 File -> Open Folder 打开刚才创建的文件夹 右键目录,创建子目录lagou-html,在lagou-html目录下创建文件,输入Test1.html

    在代码编辑区,最上面输入!回车,就是见证奇迹的时刻

    <4> 运行页面

    需要安装插件 “open in browser ”

     安装完插件,右键想要运行的页面文件,或者 使用快捷键 alt+b

    在这里推荐使用chrome谷歌浏览器,精简,速度快。

    先安装好chrome浏览器

    修改默认的浏览器:首页的设置

     添加代码

    "open-in-browser.default":"chrome"

    保存成功后,使用默认浏览器打开页面就是chrome了,当然你也可以修改成自己喜欢的浏览器,比如 火狐等

    <5> 修改软件主题颜色

    文件 -> 首选项 -> 颜色主题

    字体大小:文件 -> 首选项 -> 设置 -> 文本编辑器 -> 字体

  • 相关阅读:
    Python class static methods
    学习MySQL出现问题Not allowed to return a result set from a t
    MySQL创样例表(MySQL必知必会B.2)
    无重复字符的最长字串(C++,python实现)
    softmax详解
    为什么要使用logistic函数
    两个栈实现队列的插入和删除(C++实现)
    用数组实现队列(C++)
    C++ memset函数
    两数之和(C++实现)
  • 原文地址:https://www.cnblogs.com/JasperZhao/p/15086811.html
Copyright © 2011-2022 走看看