首页 > 编程语言 >HTML,CSS,JavaScript的介绍

HTML,CSS,JavaScript的介绍

时间:2022-11-07 16:36:15浏览次数:45  
标签:元素 网页 样式 JavaScript HTML CSS

网页组成:HTML,CSS,JavaScript:

  • Html相当于骨架,Css相当于皮肤,JavaScript相当于肌肉
  • 三者结合起来形成完善的网页

HTML

  • 超文本标记语言(hyper text markup language)

  • 决定网页的结构和内容(是什么)

<head>元素标记头部文件,<title>元素标记网页名称,<body>元素标记网页主体,<table>元素标记表格等等,段落用p标签表示,布局通过布局标签div嵌套组合合成

CSS

  • 层叠样式表(cascading stytle sheets)

  • 层叠指在html中引用了数个样式文件,当样式发生冲突时,浏览器能依据层叠顺序处理

  • 样式指设定网页的表现样式,通过style元素插入CSS代码,将网页样式提取出来方便更改某一类元素的样式,如网页中文字的大小,颜色,元素间距,排列等

JavaScript(JS)

  • Html和CSS只是实现静态信息,缺乏交互性。网页的交互和动画效果通过JavaScript实现
  • JavaScript通过单独的文件形式加载,后缀为js
  • Html中通过script标签引入

JavaScript渲染页面:

  • 用urllib或requests抓取网页时,得到的源码和浏览器中看到的不一样
  • 越来越多的网页采用ajax、前端模块化工具来构建,整个网页都是 JavaScript渲染出来的
  • 需要分析ajax接口,或使用selenium等库实现模拟JavaScript渲染

Ajax:全称为Asynchronous JavaScript and XML,即异步的JavaScript和XML。它不是一门编程语言,而是利用 JavaScript在保证页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页的技术

标签:元素,网页,样式,JavaScript,HTML,CSS
From: https://www.cnblogs.com/vahan/p/16866404.html

相关文章

  • html标签分类
    html标签可以分为行内元素和块元素一、行内元素可以和其他行内元素处在同一行。a、input、img、span(没有任何样式的行内元素)二、块元素自己独占一行。p、h、div(没有......
  • css通用效果代码
    1.小米的hover上移效果&:hover{-webkit-box-shadow:015px30pxrgba(0,0,0,.1);box-shadow:015px30pxrgba(0,0,0,.1)......
  • CSS混合渐变
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content......
  • js中innerHTML与innerText的用法与区别
    div.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。div.innerText: 从起始位置到终止位置的内容,但它去除Html标......
  • html特殊符号
    在HTML文档中,如果我们想让像<、>这样有特殊的含义的字符显示到页面上,则需要在HTML文档中使用对应的代码标识,这些代码标识被称为字符实体。一个字符实体由三个部分组......
  • css 设置input选中后样式
    .i_input{border:#00b5c31pxsolid;}.i_input:focus{outline:none;border:1pxsolidred;}<inputtype="text"placeholder="输入你真实的姓名"class="i_input">js-......
  • css3 新增的特性有哪些?
    css3选择器。css3边框(borders)css3背景css3渐变css3文本效果css3字体(@font-size规则)css3转化和变形1)2D转换方法2)3D转换属性css3过渡(transition属性)css3......
  • HTML躬行记(4)——Web音视频基础
    公司目前的业务会接触比较多的音视频,所以有必要了解一些基本概念。文章涉及的一些源码已上传至Github,可随意下载。一、基础概念本节音视频的基础概念摘自......
  • CSS布局秘籍(1)-任督二脉BFC/IFC
    01、CSS布局1.1、正常布局流(Normalflow)正常布局流就是不做任何布局控制,按照HTML的顺序(从左到右,从上而下)进行布局排列。网页基于盒子模型进行正常的布局,主要特点:盒......
  • HTML如何制作音乐网站(如何搭建个人音乐网页)
    ......