前端基础学习-CSDN博客

本文链接：https://blog.csdn.net/qq_41934908/article/details/81635743

基础html、css、javascript

html是最基本的一个东西，是网页的根基，就好比是一个房子的基石。在html5之前，还存在着一些样式标签，而h5废弃了样式标签（就是带有一些特殊样式的标签），而标签的样式都交给css去完成。

html的话主要学习的是：元素标签、节点类型以及DOM树形结构

比如说：

<html>
    <div>
        <p>hello world!</p>
    </div>
</html>

当然标签的话分为行内标签和段落标签:

段落标签：就是能够设置行高的标签，需要单独占据一行，例如h标签，div标签等；

行内标签：就是不能设置行高，可以和其他的行内标签共同占据一行，如p标签，img标签等；

css就好比是给你的房子做美化，他能够改变标签的样式，或者更准确的说话是：改变标签内容的样式。css3的话主要的是动画这个一个模块的功能得到了大大的增强。

第一种样式写法如下：内联样式

<html>
    <p style='color:red width: 15px height: 15px'>hello world!!!</p>
</html>

第二种写法如下：内部样式

<html>
    <head>
       <style>
            .box{
              color:red;
              width:15px
           }
       </style>   
    </head>
    <body>
        <div>
            <p class="box">hello world!</p>
        </div>
    </body>
</html>

第三种样式的写法是：外部样式表（另写一个后缀名为.css的文件，然后再html中用link标签导入）

接下来说一下JavaScript，JavaScript是实现交互的一种解释型的脚本语言，何为解释型，不像 c、c++、java那样是一种编译型的语言，解释型语言是解释执行的，不会报错，不存在编译。