从0开始学web-day1

19 篇文章 0 订阅

开始温习以前学习的web知识
希望可以更进一步
写此博客用于记录自己的学习进度
如果有需要的小伙伴,也可以跟着我的进度一起学习,一起进步
此次学习用的编辑软件是vscode
如有错误,欢迎指出,共同进步

1.web的组成:结构(html)表现(css)行为(js)

2.打开控制台的方式
1.浏览器–》右键–》检查 2.ctrl+shift+i 3.f12(fn+f12)

3.html
html:超文本标记语言
html5:html的第五次重大修改
html的作用:用来搭建网页的结构

4.代码编辑工具
vscode hbuild webstom sublime nodepad++ dreamweare 记事本等

5.vs的快捷键
创建一个html的基本结构 !+tab
快速创建标签 标签名+tab
同时创建多级标签 ul>li+tab
同时创建多个标签 div个数+tab ul3>li*4
创建标签的同时添加内容 div{内容}*5 div{$内容}*5在内容前会有序号
创建标签的同时给元素添加class选择器 标签.选择器名 .class名称 默认是div标签
创建标签的同时给元素添加id选择器 标签#选择器名+tab
创建标签的同时给元素添加属性 标签名:属性值
注释的快捷键 ctrl+/

6.doc命令
调出doc界面 win+r调出运行面板输入cmd
查看ip 输入ipconfig
进入其他盘符 盘符+回车
查看盘符目录 dir

7.常用的文件扩展名
图片:jpj gif png 图片源文件psd
视频:ogg mp4 webm
音频:mp3 MP4 ogg
压缩文件 zip rar
flash的源文件 fla
flash文件swf

8.组织名称
w3c:万维网联盟

9.html的基本结构

<!-- 声明文档类型 -->
<!DOCTYPE html>
<!-- html根标签 -->
<html lang="en">
    <!-- head头部信息 -->
<head>
    <!-- 编码格式 -->
    <meta charset="UTF-8">
    <!-- 页面信息 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网页标题 -->
    <title>Document</title>
    <!-- 关键字 -->
    <meta name="keywords" content="">
    <!-- 描述信息 -->
    <meta name="description" content="">
    <!-- 网页的作者 -->
    <meta name="author" content="">
    <!-- 更改网页的页签 -->
    <link rel="icon" href="">
    <!-- 外部样式表 -->
    <link rel="stylesheet" href="">
    <!-- 内部样式表 -->
    <style></style>
    <!-- 引入外部js -->
    <script src=""></script>
    <!-- 内部js -->
    <script>

    </script>
    <!-- 设置网页的超链接 -->
    <!-- 如果超链接没有设置链接,则打开下面的链接 target打开窗口方式-->
    <base href="http://www.baidu.com">
</head>
<!-- body主体内容 -->
<body>
    <a href="">首页</a>
    <a href="">哈哈</a>
    <a href="">估计</a>
    <a href="">你</a>
    <a href="http://www.sina.com.cn">注意</a>
</body>
</html>

dtd严格型》过渡型》框架型 xhtml》html

10.HTML的基本语法
双标签(常规标签):<标签 属性=“属性值” 属性=“属性值”></标签>
单标签:<标签 属性=“属性值”>
注意点:尖括号里的第一个单词叫做标签标记或者元素
属性和标签之间存在空格 一个标签可以有属性也可以没有属性 还可以同时存在多个属性不分先后顺序
单标签结束必须有反斜杠(xhtml要求) html可有可无 不影响最终的显示效果
属性和属性值用等号连接 属性值写在引号里面 必须是英文的引号 可单可双

11.注释
注释是对一段代码的解释 不会显示在前台页面

12.编码字符集
gb2312 一个汉字占两个字节
utf-8 一个汉字占三个字节
注意编辑器的编码格式要与文件的保持一致

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值