做前端相关内容（HTML、CSS、JS）、AJAX、JSON

最新推荐文章于 2022-07-20 09:52:06 发布

重阳欧尼i

最新推荐文章于 2022-07-20 09:52:06 发布

阅读量613

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_42540547/article/details/105151528

版权

做前端相关内容所有前端的逻辑操作都是由JS 做的，所有前端的展示内容都是由html做的。前端（人）：html（骨头） CSS（衣服）Javascript（大脑）HTML 定义了网页的内容；CSS 描述了网页的布局；JavaScript 网页的行为。HTML 教程：https://www.runoob.com/html/html-tutorial.htmlJavaScript教程：htt...

摘要由CSDN通过智能技术生成

做前端相关内容

所有前端的逻辑操作都是由JS 做的，所有前端的展示内容都是由html做的。
前端（人）：html（骨头） CSS（衣服）Javascript（大脑）
HTML 定义了网页的内容；CSS 描述了网页的布局；JavaScript 网页的行为。
HTML 相关内容：https://www.runoob.com/html/html-tutorial.html
JavaScript相关内容：https://www.runoob.com/js/js-tutorial.html
CSS 相关内容：https://www.runoob.com/css/css-tutorial.html

HTML(超文本标记语言，HyperText Markup Language): 标准通用标记语言下的一个应用。 "超文本"就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括"头"部分（Head）、和"主体"部分（Body），其中"头"部提供关于网页的信息，"主体"部分提供网页的具体内容。

（一般只要以ML结尾的东西，都叫标记性语言。如XML，HTML这样的东西，其实和.txt没有任何本质区别。只不过不管是XML，还是HTML都加了对于格式的要求。而这个格式是给能解释这个格式的解释器看的，如果你不遵守这个格式也无所谓；但如果你遵守这个格式，你就能得到更好的展示样式，存储读取的速度和数据管理优势。）
可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。注意：对于中文网页需要使用<meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
HTML文档的后缀名： .html或.htm
XML相关内容：https://www.runoob.com/xml/xml-tutorial.html

层叠样式表CSS(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

<!--对于这种东西，我们叫它标签时语言，标签是用<>来声明使用的，可随便定义 -->
<!--随便定义就可能引起一些问题：浏览器不认识 -->
<!--对于不是对边定义的标签，是HTML约定的具有内容或一定意义的标签，那么浏览器是可以直接解释的-->
<!--一个HTML文件，一定有一个根标签，所有其他的布局过程等等都在html这个根标签里 -->
<!--根标签一般包括两个子标签：head，body -->
<!--head里一般放的内容是一些导入文件、配置等等相关内容，而body里放置的是页面的骨架 -->
<!DOCTYPE html>
<html>
     <head>
         <meta charset="UTF-8">
         <title>登录</title>
         <style>
             <!-- 内部样式和外部样式没有优先级关系，页面后加载的会生效；内联样式的优先级最高 -->
             <!-- 相同的样式如果重复定义，以最后一次的定义为准 -->
             <!-- 内部样式：样式定义在HTML页的头元素中-->
             body{
   
                 margin: 0px;
                 padding: 0px;
                 border: 0px;
             }
             div{
   
                 margin: 8px;
                 width: 100px;
                 height: 100px;
                 background-color: red;
             }
         </style>
         <!--外部样式：将样式定义在一个外部的CSS文件中（.css文件），由HTML页面引用样式表文件，但最直观（在CSS文件夹中创建hi.css,在hi.css中写出各样式） -->
         <link rel="stylesheet" href="css/hi.css">
     </head>
     <body>
         <!--无语义标签  div块标签: display:block 负责在页面中占据一行-->
         <!--如下为内联样式：样式定义在单个的HTML元素中 ，其优先级最高-->
         <div style="height:30px; background-color: purple">
             zcy<br>999
         </div>
         <div style="height:80px; background-color: blue">
             yzx<br>929
         </div>

         <!--无语义标签 span行标签: display:inline 具体代表的意思是一小块，不能设置高度宽度，行标签的大小是靠内容撑开的 -->
         <span>zcy</span>
         <span>yzx</span>

        <!--以上两种无语义标签都是用来布局用的 -->
         <!-- # id选择器    . 类型选择器 -->
         <!-- 扁平化 上中下 -->
     <div class="header" id="first"></div>
     <div class="container" id="second"></div>
     <div class="footer" id="third"></div>
     </body>

<

最低0.47元/天解锁文章

重阳欧尼i

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
做前端相关内容（HTML、CSS、JS）、AJAX、JSON

做前端相关内容所有前端的逻辑操作都是由JS 做的，所有前端的展示内容都是由html做的。前端（人）：html（骨头） CSS（衣服）Javascript（大脑）HTML 定义了网页的内容；CSS 描述了网页的布局；JavaScript 网页的行为。HTML 教程：https://www.runoob.com/html/html-tutorial.htmlJavaScript教程：htt...
复制链接

扫一扫