html学习笔记01

最新推荐文章于 2024-07-17 09:43:10 发布

御风@户外

最新推荐文章于 2024-07-17 09:43:10 发布

阅读量334

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/weixin_43172531/article/details/131354942

版权

html 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

教程：https://www.runoob.com/html/html-tutorial.html
在线编辑工具(含案例)：https://c.runoob.com/front-end/61/
可用vs code开发html

用chrome调试的快捷键：
打开调试工具：在页面右键——检查，即可调出。
快捷键 F12 或者Fn+F12
内容的放大和缩小：按住ctrl+滚轮放大或缩小
打开命令菜单：快捷键 ctrl+shift+P。截屏：screen shot。修改主题颜色为日间模式：light theme。

chrome控制台console
1、打开方式：快捷键 ctrl+shift+I
1）定义变量，并查看,let a=1
2）弹出警示框 alert(1)
3）console.log(xxx)，打印内容
console.log() 普通信息
console.error() 错误信息
console.warn() 警告信息
console.clear() 清空控制台
4） $_，返回上一条语句的执行结果 5）$ +数字，返回之前选中的某个节点
console.group(“test”) 批量处理一组console语句
console.groupEnd(“test”)批量执行提交
console.time() 判断一段代码的执行时间
console.timeEnd()
console.table() 将一个数组以表格形式呈现出来

JavaScript调试
方式1：在代码中加上debugger语句，程序执行到该位置后会暂停，不断点击下一步即可查看变量值的变化。
方式2：在dev tools中点击要打断点的行号，刷新页面，单步执行

简单html示例，文件后缀名.html

<!DOCTYPE html> //HTML5(2012)标准网页声明。其他版本省略。
<html> //html文件根节点
<head> //头部元素。不显示。
<meta charset="UTF-8"> //元（meta）数据//不推荐gbk
<title>菜鸟教程(runoob.com)</title>
</head>
<body> //可见的页面内容
    <h1>我的第一个标题</h1> //大标题
    <p>我的第一个段落。</p> //段落
</body>
</html>