实习的Day2（认识html网页，WEB标准，常用标签，）

最新推荐文章于 2022-08-09 21:02:19 发布
最新推荐文章于 2022-08-09 21:02:19 发布
阅读量183 收藏 2
点赞数 1
文章标签： 周记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzw321123/article/details/100701544
版权

实习的Day2（认识html网页，WEB标准，常用标签，）

第一天上课老师为我们讲解了认识了浏览器和WEB、常用标签。
常用浏览器有五个分别为IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等，
也有对应的五个内核分别是Trident（IE内核）、Gecko（firfox）、webkit（Safari）、Chromium/Bink（chrome）、Presto（Opera）。

WEB标准主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。结构部分可以理解为是整体框架html，样式标准可以理解为css，行为标准就是类似于js，

HTML标签分为双标签和单标签，双标签有开始标签和结束标签，单标签是指用一个标签可以完整的表述某个功能的标签

HTML标签关系，分为两种：一种是嵌套，还有一种是并列。标签关系只有这两种，其他的关系都是错的

文档类型

<!DOCTYPE html>

这句话告诉我们使用哪个html版本

字符集

    <meta charset="UTF-8">

utf-8包含全世界所有国家需要用到的字符

div span标签(重点)
div span 是没有语义的 是我们网页布局主要的2个盒子

div 就是 division 的缩写 分割， 分区的意思 其实有很多div 来组合网页。

span, 跨度，跨距；范围

语法格式：

<div> 这是头部 </div>    <span>今日价格</span>

图像标签img (重点)

<img src="图像URL" />

图像标签以及和他相关的属性
链接标签(重点)

基本语法格式如下：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。

锚点定位

通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：

1.使用“a href=”#id名>“链接文本"</a>创建链接文本。

2.使用相应的id名标注跳转目标的位置。

总结

认识WEB需要浏览器来解析，不同的浏览器有用不同的引擎，所以浏览器之间可能显示不同，平时写代码的时候需要注意浏览器兼容性问题。

Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
理想状态我们的源码： .HTML .css .js

zzw321123
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈我的HTML5的生产实习
wuli_789的博客
03-13 5680
时间飞逝，为期两周的生产实习转眼间就结束了，在这期间我获益匪浅，更深刻了认识了H5。以前没有经过这么系统的H5的学习，对H5的了解就只是会写简单的HTML页面文件，更多点加上CSS的结构布局，然后和后台的语言来实现功能。 经过这两周的训练，我提升了自己对H5的认识以及使用。HTML5 是最新的 HTML 标准，是专门为承载丰富的 web 内容而设计的，并且无需额外插件。HTML5 拥有新的语义、...
HTML常用标签代码
05-07
在本资源中，我们看到的"HTML常用标签代码"显然是一个帮助初学者或开发者学习和练习HTML标签的资料。下面将详细介绍一些常见的HTML标签及其用法。 1. `<html>`: 这是每个HTML文档的根元素，包含整个网页的代码。...
HTML---常用标签总结与实践
暂七师师长常乃超
08-01 1426
什么是HTML?     超文本标记语言，标准通用标记语言下的一个应用。    “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。      超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。                                      
html常用标签总结
好好学习，天天向上！
01-15 796
这里写自定义目录标题HTML常用标签总结 HTML常用标签总结 一张网页中最外层的标签，包含网页所有的内容 一张网页必须存在且只能有一个html标签 ＃ 页面中所有可见的元素都应该存放在body标签中 不可见的元素一般存放head标签中 一个张网页中只能有一个head标签，尽量不要放一些用于显示的元素 元信息用于储存一些必要的信息，这些信息可以为浏览器和搜索引擎所用 ＃ ...
实习的day2
z742773955的博客
09-16 117
实习的day2 　　今天是来公司正式学习的第一天，老师为我们讲了认识不同的游览器的区别，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器，还讲了有关浏览器内核的知识点，让我们了解了不同的游览器的区别以及他们的功能上的差别。 　　在学习里也知道了：Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括...
HTML基础，大三老学姐在线总结
weixin_46574200的博客
07-17 460
场景需要让文字加粗、下划线、倾斜、删除线等效果标签说明b加粗u下划线i倾斜s删除线标签说明strong加粗ins下划线em倾斜del删除线语义突出重要性的强调语境strong、ins、em、del，表示的强调语义更强烈！绝对路径一般不用，相对路径常用场景在页面中插入音频代码属性名功能src音频的路径controls显示播放的控件autoplay自动播放(部分浏览器不支持)loop循环播放播放控件注意点场景在页面中插入视频。......
WebAPI-2
Duanjiani的博客
03-15 174
今天的摸鱼终于快结束了，把上篇未完的DOM结束掉吧！上篇记录到className类名属性操作，话不多说，上代码。 开关的案例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>开关灯案例</title>
2021-07-22-第一次实训(HTML+CSS+JS)
正在努力~
08-09 1674
2020-2021-2小学期实训
Web前端相关面试题
一个有趣、有料、有内涵的地方!
07-12 2906
2012-09-01 10:19:02|  分类： js |举报 |字号 订阅 1,判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;/*注意：1.要用^开头和$结尾，2.总长度5-20翻译为{4,19}；3.别忘了还有下划线；*/ reg.test("a1a__a1
前端300道常见面试题，前端找工作必备
热门推荐
weixin_43474701的博客
12-15 1万+
前端面试题汇总 一、HTML 和 CSS 1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident 内核Firefox：gecko 内核Safari:webkit 内核 Opera:以前是 presto 内核，Opera 现已改用 Google Chrome 的 Blink 内核Chrome:Blink(基于 webkit，Google 与 Opera Software 共同开发) 2、每个 HTML 文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 声明位
day1_html网页_connect_
10-01
在IT行业中，HTML（HyperText Markup Language）是用于创建网页的标准标记语言，而"connect"在QT编程中则是一个非常重要的概念，它涉及到事件处理和信号与槽机制。本文将详细探讨这两个知识点。 首先，我们来了解...
HTML入门及常用标签-day01.xmind
10-11
HTML入门及常用标签-day01.xmind
前端学习day01-HTML标签01
06-21
本教程“前端学习day01-HTML标签01”着重讲解HTML的基本概念和常用的HTML标签，旨在帮助初学者入门HTML，了解其在网页设计中的重要作用。 HTML由一系列元素组成，这些元素通过标签来表示。标签通常成对出现，比如`...
1-2_Web前端介绍_HTML基本结构、常用标签_Day01_PM.mp4
04-01
1-2_Web前端介绍_HTML基本结构、常用标签_Day01_PM.mp4
JavaScript练手项目.zip
08-15
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无积分，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于收集和整理资料耗费时间的酬劳
【轨迹优化】基于matlab脉冲干扰下高超声速飞行器轨迹优化【含Matlab源码 7221期】.mp4
08-15
Matlab研究室上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
基于springboot的厨艺交流平台 源码+数据库（毕业设计）
最新发布
08-15
基于Vue.js和SpringBoot的厨艺交流平台是一个功能丰富的在线社区，旨在为烹饪爱好者提供一个分享和学习烹饪技巧的平台。该平台分为管理后台和用户网页端，支持管理员和普通用户两种角色。管理后台提供对菜谱分类、菜谱信息、食材信息、商品信息和美食日志模块的全面管理功能，包括添加、编辑、删除和查询等操作。用户网页端则为用户提供了一个友好的界面，可以浏览和搜索各种菜谱，查看食材和商品信息，发表自己的美食日志，与其他用户互动交流。整个平台采用现代化的前端技术和后端框架，保证了良好的用户体验和高效的数据处理能力。 录屏：https://www.bilibili.com/video/BV1uz42197zu 教程：https://space.bilibili.com/417412814/channel/collectiondetail?sid=2242844
超声波肾脏结石分类数据集9416张2类别.7z
08-15
数据集类型：图像分类用，不可用于目标检测无标注文件 数据集格式：仅仅包含jpg图片，每个类别文件夹下面存放着对应图片 图片数量(jpg文件个数)：9416 分类类别数：2 类别名称:["normal","stone"] 每个类别图片数： normal 图片数：4414 stone 图片数：5002 重要说明：暂无 特别声明：本数据集不对训练的模型或者权重文件精度作任何保证，数据集只提供准确且合理分类存放 更多信息：https://blog.csdn.net/FL1623863129/article/details/141230956
Web前端Day1学习笔记：关键概念与标签解析
在web前端开发中，HTML（HyperText Markup Language）是构建网页内容的基础语言，它通过各种标签来定义页面结构和样式。这份笔记详细列举了多个常见的HTML标签及其用途： 1. **文本格式化标签**： - `<strong>`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值