HTML代码初始及规范

最新推荐文章于 2023-03-09 15:15:12 发布

橘子爱吃香菜

最新推荐文章于 2023-03-09 15:15:12 发布

阅读量343

点赞数 2

分类专栏： html 编程 vscode 文章标签： html5 html java

本文链接：https://blog.csdn.net/weixin_48683052/article/details/119938616

版权

html 同时被 3 个专栏收录

18 篇文章 2 订阅

订阅专栏

编程

13 篇文章 0 订阅

订阅专栏

vscode

8 篇文章 0 订阅

订阅专栏

一、计算机基础

(一)什么是程序

1、程序（通俗）：按照一定实现编写好流程和顺序进行执行的事件
2、程序包括两个部分：编写、执行
exp：剧本和演员、菜谱和厨师、婚策和主持人
3、计算机程序：计算机文档、执行器（决定计算机文档的类型）
4、html的执行器为浏览器，c——gcc；java——jre

（二）什么是HTML开发

1、HTML开发就是：编写以.html结尾的文档，交给浏览器执行
2、浏览器本质：特殊文档查看器，可对.html文档中的特殊字符进行识别，自动渲染。

（三）常见浏览器

Chrome、Firefox、Safari（苹果自带）、Opera、IE
实际使用中，浏览器种类繁多，同一浏览器版本不同；因此在开发学习过程中，我们需要注意处理浏览器的兼容。

（四）常见编辑器

1、前端开发：本质就是编写一个.html的文档。通过浏览器执行这个文档。
2、编辑工具
Windows写字板、webStorm、HBuilderX、vscode、Atome、sublime、Brackets

（五）vsCode 常用快捷键

1、ctrl+b：文档目录切换
2、ctrl+shift+x：插件扩展
3、ctrl+w：关闭当前选项卡
4、ctrl+p：：打开文件
5、ctrl+1/2/3。。。：分屏
6、ctrl+tab：切换现有打开选项卡
7、ctrl+enter：在当前之后插入一行
8、ctrl+shift+enter：在当前之前插入一行
9、alt+鼠标点击：多行同时输入
10、alt+上下键：移动代码
11、shift+del：整行删除

二、HTML开发代码构成

（一）HTML部分

HTML：hyper text markup language（超文本标记语言）
hyper text：超文本，是指写在html文档中，并在网络上传输的文字、图片、视频、音频
markup language：标记语言
标记：就是由一对“<>”括起来，其中具有特定单词的标识。
标记的其他称呼：标签、元素、element
html（长相划分）：文档中只有两种类型的标记。
单标记“<>”:不能存放内容，功能性标签。
双标记"<></>"：可以存放内容，存放容器，可纯文本，也可存放其他标记。

（二）css部分

css（cascading style sheet层叠样式表）：用来对文档的标签设置样式

（三）JavaScript部分

JS(JavaScript):运行在浏览器端的脚本语言。

（四）小结

HTML开发：通过HTML“标签”将“超文本”写在文档中，再通过css给标签设置样式，完成的超文本在浏览器上“排版”“渲染”。通过js代码来为标签编写交互脚本，以此完成“超文本”在浏览器上的人机交互功能。

三、html文档基本结构

<!DOCTYPE>：是文档中唯一一个非标签字符，用来通知浏览器当前文档是一个支持html5标准的文档
<html>:所有内容都写在一对html标签中
    <head>:head标签中的内容做页面设置，页面控制，不直接显示在网页中
        <meta charset:"utf-8">:设置文档的中文编码解析
            charset：是标签属性
            属性：属性是描述一个事物的特点特征。属性是对象的基本构成部分
            对象的基本构成:属性+方法
                属性：属性名称——属性值
        <title></title>:用来设置浏览器标签页主题
    </head>
    <body></body>：所有页面中看到的内容都写在body标签中
</html>