前端基础梳理

最新推荐文章于 2024-08-22 16:43:17 发布

anxintx

最新推荐文章于 2024-08-22 16:43:17 发布

阅读量492

点赞数

文章标签： html

本文链接：https://blog.csdn.net/anxintx/article/details/121642947

版权

本文深入浅出地介绍了HTML5的基本结构，包括DOCTYPE声明、头部元素、字符集设定和文档主体。同时涵盖了CSS的选择器和属性，如:hover效果，以及JavaScript的基础概念，如ECMAScript语法、DOM操作和BOM浏览器交互。

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

前端基础

HTML
- 文件结构

<!DOCTYPE html> //声明为HTML5文档
    <html> //html页面
        <head> //头部元素
            <meta charset="UTF-8"> //编码类型
            <title>标题</title>
            ...
        </head>
        <body> //页面显示内容
            ...
        </body>
    </html>

标记/备注
CSS
- 选择器
  
  :hover 鼠标在目标上时
  
  …
- 属性
  
  border、color、margin、width、height …
JavaScript
- ECMAScript基础(描述该语言的语法和基本对象)
  
  Number、Date、Math、for(let a of arr) …
- DOM(文档对象模型,描述网页内容的方法和接口)
  1. 改变html内容: document.getElementById(“id1”).innerHTML = “新内容”;
    
    属性: document.getElementById(“id1”).value = “张三”;
    
    输出: document.write(Date());
  2. 改变CSS样式：document.getElementById(‘id1’).style.color=‘red’；
    
    document.getElementById(“p1”).style.fontSize=“larger”;
  3. DOM事件:
    
    οnmοuseοver="style.color=‘red’"οnmοuseοut=“style.color=‘black’”
    将鼠标移至文本上变色
- BOM(浏览器对象模型,描述与浏览器交互的方法接口和对象)
  - Window对象、方法
    
    window.location.assign(“url”); #加载新文档
    
    window.history.back(); #跳到历史上一页
    
    window.history.forward(); #跳到历史下一页
    
    …

anxintx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端基础梳理

前端基础HTML文件结构<!DOCTYPE html> //声明为HTML5文档 <html> //html页面 <head> //头部元素 <meta charset="UTF-8"> //编码类型 <title>标题</title> ... </head> <body&gt
复制链接

扫一扫