欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端基础学习

程序员文章站 2022-05-10 15:01:50
...

基础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那样是一种编译型的语言,解释型语言是解释执行的,不会报错,不存在编译。

相关标签: 前端基础