HTML(什么是HTML,CSS,创建一个HTML文件,宇宙第一编辑器VS Code,chrome浏览器,web三大核心技术,HTML基本结构和属性,HTML初始代码)

1.什么是HTML,CSS?

        (1)   做网站的编程语言

           浏览器把代码解析后的样子就是我们看到的网站,如何看到网站的原始代码呢?通过鼠标右键选择查看网页源代码。

        (2)   如何去写代码?写到哪里呢?

             一个网站是由N多个网页组成的

2.创建一个HTML文件

创建文本文档----重命名为01-demo.html并保存----拖到浏览器中。

3.宇宙第一编辑器VS Code

(1)下载并安装 网址:https://code.visualstudio.com/

(2)如何安装插件?语言包,open in browser    view in borwser

(3)学习编辑器的基本使用?

   设置:文件--→首选项→设置(大小,是否换行 word wrap)

   创建文件,创建文件夹,重命名,删除

(4)快捷键:

 ctrl+s:保存

ctrl+a:全选

ctrl+x,ctrl+c,ctrl+v:剪切,复制,粘贴

ctrl++z,ctrl+y:撤销,前进

shift+end:从头选中一行

shift+home:从尾部选中一行

shift+alt+箭头朝下:快速复制一行

alt+箭头朝上或箭头朝下:快速移动一行

tab:向后缩进

tab+shift:向前缩进

多光标:alt+鼠标左键

ctrl+d:选择相同元素的下一个

4.chrome浏览器?

  谷歌浏览器下载

5.深入了解网站开发?

  UI设计师:设计稿

  web前端开发工程师:

  设计稿,代码

  HTML:结构,

  css:样式

   javaScript:行为

  web后端开发工程师

6.web三大核心技术?

  HTML,CSS,javaScript

7.HTML基本结构和属性?

  HTML:超文本 标记 语言

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

  标记:(单词)

  语言:编程语言

  标记也叫做标签:

            <header>

             <footer>

            写法分成两种:

                  单标签 <header>

                  双标签 <header></header>

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

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

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

     标签的属性:来修饰标签,设置当前标签的一些功能。

    <标签  属性=“值” 属性2=“值2”>

    8.HTML初始代码?

     每个.html文件都有的代码叫做初始代码,要符合html文件的规范写法。(快捷键:!+tab)

    

<!DOCTYPE html>                                文档声明:告诉浏览器这是一个html文件

<html lang="en">    html文件的最外层标签:包裹着所有html标签代码 lang="en"表示一个英文网站

       <head>             lang="zh-CN"表示一个中文网站

                <meta charset="UTF-8">       元信息:是编写网页中的一些辅助信息  charset="UTF-                                                                     8"国际编码:让网页不出现乱码的情况

                <title>Document</title>          设置网页的标题

      </head>

      <body>

                  显示网页内容的区域

         </body>

</html>

     

   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值