HTML第一天10,14

HTML第一天

一 前言

1.课程系统

 

 

 

 

  1  前端知识点 html  css  js    重点是培养大家的学习状态      锻炼大家思考
                                                       ---- 前端工程师
2  java语言基础   最重要知识点                             ---- 后台工程师
3  数据库                                               ---- DBA 数据库工程师
4  JDBC  
5  javaweb
      ----  项目阶段    淘宝代练    农机     
第二阶段    
6  框架阶段     企业级框架学习
第二阶段
7  架构阶段     未来两年内需要接触的内容

 

二 html

2.1 什么是HTML

 HTML 称之为 超文本标记语言
​
文本：可以理解成我们的文字   超文本: 不仅有文字还有超链接 图片 音频 视频等内容
​
标记语言 ： 一些特殊符号 这些事浏览器能识别的约定俗成的内容
​
例如 我们创建一个  txt文件   123.txt  .txt后缀其实就是打开方式
  如果我们只在文件中写 hello  浏览器 显示的就是一个 黑色内容
  如果我们希望让其变得有色彩 结构 就需要添加一些浏览器能识别的标记例如
 <span style="color:red">hello</span>
  此时在浏览器窗口中看到的就是  红色 hello 
  也就是说 刚才添加的代码就是浏览器识别的 html超文本标记语言内容
    
学习html究竟是学什么呢？
学习html  就是学习添加什么样的标记 在浏览器中会有什么样的效果 。   
​
​

 

2.2 开发工具


公司部门   XXXX科技有限公司：  人事部HR   财务部  行政部   开发部  研发部  市场部
 
开发部：      美工 ：   做图片 效果图等   DW  PS
             前端 ：   网页 交互        PS  WS   HBuilder  vscode 
             后端 ：   服务器程序       DIEA
             测试 ：   程序是否有问题  bug
             数据库 ：  数据库
             运维 ：    将程序员写的项目 部署到真是服务器
    
             产品 ：    将客户需求给开发
​
HBuilderX    
    
A 打开开发工具 创建一个  菜单栏文件---》新建---》项目
    
  普通项目   
  项目名称：  day01-10.14     
  工作空间： 找一个非系统盘 创建一个文件夹 作为工作空间（存储html的所有代码）
  模板： 第二个
    
B 工程目录   
     
   css  :  将来用来存储css文件（层叠样式表文件）
   img  :  用来存储 图片等资源的 
   js   :  将来用来存储js文件
   index.html ：  首页文件 用来写html代码
   
    

 

 

演示效果：

 

 

 

2.3 html目录结构


注释 ：  代码中的非代码部分  作用对代码起到解释说明的作用 增强代码可读性和可维护性
​
html中添加注释  <!-- 我是注释  -->
快捷键          ctrl + /
​
我们上课的内容和思路 很多时候都是第一时间以注释的形式给大家整理
以后大家的注释都是对自己写的代码进行解释
​
<!-- 文档声明  声明当前网页使用的是 HTML 第五代技术
     <!DOCTYPE html>  HTML   H5
     
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                     "http://www.w3.org/TR/html4/loose.dtd">  这是第4.01过渡版本
  -->
<!DOCTYPE html>
​
<!-- 
     标签分类：  
             单标签：  <开始标签                     />
             双标签    <开始标签> 内容  </结束标签>
 
    html标签称之为 根标签  作用就是限制我们写代码都要写到 html根标签之中
    但是 HTML 是一门弱语言 语法规律不强烈  java就是一门强语言 语法怎么规定的 就必须怎么写  
 -->
<html>
    <!--头部标签  配置当前网页的元信息 例如 作者 开发工具 关键词  图标 编码方式  标题 等  -->
    <head>
        <!-- 配置当前网页的字符集为 UTF-8 GBK 防止中文乱码 -->
        <meta charset="utf-8" />
        <title>阿萨德健康返回数据爱可登</title>
    </head>
    
    <!--身体标签  网页显示到浏览器窗口的内容写到body  -->
    <body>
        
    </body>
</html>

 

posted @ 2021-10-14 19:51  吴光熠  阅读(46)  评论(0)    收藏  举报