首页 > 其他分享 >No.1

No.1

时间:2023-02-23 11:56:47浏览次数:32  
标签:网页 标签 No.1 跳转 浏览器 播放 目录

认识网页

问题1:网页由哪些部分构成?

文字、图片、音频、视频、超链接

问题2:我们看到的网页背后本质是什么?

前端程序员写的代码

问题3:前端的代码是通过什么软件转换成用户眼中的页面?

通过浏览器转化(解析和渲染)成用户看到的网页

常见五大浏览器

IE浏览器、火狐浏览器、谷歌浏览器、苹果电脑(Safari浏览器、(欧朋)Opera浏览器)

浏览器市场份额

 谷歌占比最大

浏览器渲染通过浏览器内核(渲染引擎)

渲染引擎不同,导致解析相同代码时的速度、性能、效果也不同的

什么是Web标准?

三个构成:html(结构),css(表现),JavaScript(行为)

HTML骨架结构由哪些标签组成?

html标签:网页的整体

head标签:网页的头部

body标签:网页的身体

title标签:网页的标题

开发工具:Visual Studio Code、Webstorm、Sublime、Dreamweaver、Hbuilder

快捷键:Vs Code中    Ctrl+/  注释

HTML标签与标签之间的关系可分为:

父子关系(嵌套关系)

<head>

  <title></title>

</head>

兄弟关系(并列关系)

<head></head>

<body></body>

快捷键: Ctrl+D 选中一个内容按ctrl+d可以选中相同的内容

文本格式化标签介绍

场景: 需要让文字加粗、下划线、倾斜、删除线等效果

标签         说明        标签       说明

b    加粗         strong     加粗

u    下划线       ins     下划线

i     倾斜        em     倾斜

s    删除线       del     删除线

语义:突出重要性的强调语境

路径分为:

绝对路径(了解):指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径(网址也叫绝对路径)

相对路径(常用):

同级目录:当前文件和目标文件在同一目录中(./ )

下级目录:目标在下级目录中(./文件夹名字/图)

上级目录:目标文件在上级目录中(../)

音频标签:

 <audio src="./music.mp3" controls></audio>   属性名        功能  src        音频的路径 controls      显示播放的控件 autoplay      自动播放(部分浏览器不支持) loop        循环播放 视频标签:  <video src="./video.mp4"></video>   属性名        功能  src        视频的路径 controls      显示播放的控件 autoplay      自动播放(谷歌浏览器中需配合muted实现静音播放) loop        循环播放 链接标签  <a href="https://www.baidu.com">跳转百度</a> 开发网站的初期,我们还不知到跳转地址的时候,href的值书写# href: 跳转地址 target属性 属性值        效果 _self        默认值,在当前窗口中跳转(覆盖原网页) _blank       在新窗口中跳转(保留原网页)  

标签:网页,标签,No.1,跳转,浏览器,播放,目录
From: https://www.cnblogs.com/renzlllj/p/17146657.html

相关文章

  • CatLikeCoding Basic No.1
      usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;usingSystem;publicclassclock:MonoBehaviour{constfloathour......
  • LeetCode:NO.142环形链表Ⅱ
    题目描述给定一个链表的头节点 head ,返回链表开始入环的第一个节点。 如果链表无环,则返回 null。如果链表中有某个节点,可以通过连续跟踪 next 指针再次到达,则链表......
  • NO.1两数之和
    题目描述:给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会......
  • 产品经理和项目经理谁才是项目管理界的NO.1?
    生在互联网时代的我们对这两个岗位不会陌生吧,尤其是从事互联网行业的人更是天天要接触。虽然天天接触,但是大部分小白却分不清双方的工作内容,投简历更是混淆。到底哪个才是......
  • NO.1
    maekdown学习标题: 二级标题三级标题字体hello,world!hello,world!hello,world!hello,world!引用引用图片 超链接超链接列表AAB表格名字性......