HTML&&css基础学习

最新推荐文章于 2024-05-31 22:20:16 发布
最新推荐文章于 2024-05-31 22:20:16 发布
阅读量263 收藏
点赞数
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74270947/article/details/128337905
版权

一、HTML：一门编写所有网页的语言

1、概述

  • 超文本标记语言
  • 超文本：超越文本限制，文字、图片、音频、视频等均可
  • 标记语言：标签构成的语言

2、HTML运行在浏览器上,HTML标签由浏览器解析;HTML标签都是预定义好的

3、W3C标准：网页主要由三部分组成

  • 结构：HTML
  • 表现：CSS
  • 行为：JavaScript

4、基础知识

(1)网页编写两种方法：UE编写、idea编写

8fa30b7211114d19bb46034986c0ffe5.png

idea编写：(1)新建文本文件，后缀名.html(2)编写HTML结构标签(3)在<body>中定义文字

99a5772be7d847a3ae6a3d30fa53f120.png

(2)HTML语言注意点：

  • HTML文件以.him或.html为扩展名
  • 结构标签：(定义文档)<HTML> (定义关于文档的信息)<head> (定义文档的标题)<title> (定义文档的主体)<body>
  • 标签不区分大小写
  • 标签属性值，单双引皆可
  • 语法松散

二、HTML标签

1、基础标签

  • <h1>～<h6>：定义标题，h1最大，h6最小
  • <font face="楷体" size="5" color="red">文字内容< /font>：定义文本字体、尺寸、颜色
  • <b>：定义粗体文本
  • <i>：定义斜体文本
  • <u>：定语文本下划线
  • <center>：文本居中
  • <p>：定义段落
  • <br>：换行
  • <hr>：水平线

€1 基础标签练习使用

6ca97092931e482c8dce39745e7c10a4.png

fadfb086c9d84dee8768ea9e9c1ad3db.png 

74890c56202242bcaebaf54088a34103.png 

(1)转义字符：

  • <
  • >
  • &
  • "
  •  

2、图片、音频、视频标签

  • <img>：定义图片
  • <audio>&
最低0.47元/天 解锁文章
西熙溪兮曦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML&CSS基础
weixin_47481936的博客
10-19 294
HTML&CSS基础 文本格式化标签 <!--文档声明--> <!DOCTYPE html> <!--当前文档显示的语言，告诉别人是中文网站还是英文网站--> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
【html+css+js】如何轻松在网页中嵌入b站视频？
归忆_AC的博客
08-09 5710
教你轻松上手在网页中嵌入b站视频，简单的运用了html+css+js的知识，看不懂的直接按部就班也行。
通过案例来了解响应式开发（HTML,CSS)的视频控件
weixin_59042297的博客
04-17 647
1.本文讲解的响应式开发技术（HTML5+CSS3+Bootstrap）的HTML5表单等功能方法的代码，这也是很多教材的一个典型案例；2.本文将讲解涉及到HTML5表单等功能方法的知识点，其它方面会大致讲一下；3.本代码是使用visual Studio Code编写的，其他软件如DW，HBX等都是可以的；4.运行浏览器是谷歌，同时推荐使用谷歌浏览器；5.这个案例是我上学跟老师所讲做出来的，有些地方不是很完美，请见谅也请多赐教；提示：以下是本篇文章正文内容，下面案例可供参考。
HTML5 视频 Vedio 标签详解
最新发布
一名全栈开发工程师
05-31 3457
HTML5 引入了标签，允许开发者在网页中直接嵌入视频文件，而不需要依赖第三方插件。
html5 video 标签 controlslist 详解
dongdongqiang521的博客
11-27 3298
HTML5 提供了内置的视频播放控件，其中 video controlslist 是其中一个很有用的属性。video controlslist 属性可以用于告诉浏览器在视频播放过程中应该显示哪些默认的用户界面控件。下面我们将从几个方面来介绍 video controlslist 的详细使用。
HTML5+CSS3视频控件和音频控件常用属性
m0_51200160的博客
03-14 128
视频控件<video>（支持mp4、webm、ogg格式）、音频控件<audio>（支持mp3、ogg、wav格式）background属性值的顺序：color-image-repeat-attchment-posithon。background-attachment设置背景图是否固定。poster视频加载时显示的图像（预览图）preload页面加载后播放。controls展示播放器。aotuplay立即播放。height播放器高度。width播放器宽度。
html视频怎么自动显示控件,html5 – 始终显示视频控件
weixin_34917128的博客
05-30 1432
2017年11月更新：请注意,由于Safari 11中的新更改,该浏览器不再使用此功能.如果我找到方法,我会更新帖子.即使隐藏控件是HTML5视频规范的一部分.有两种方法可以通过javascript实现这一个,另一种通过CSS完成.在Javascript中,您可以为timeupdate事件添加事件处理程序,该事件处理程序在每次播放位置发生更改时都会更改,换句话说,事件始终在视频播放时发生.假设视频...
前端HTML&CSS&JS基础学习.zip
01-02
html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供...
学成在线静态网页html&css
04-02
在本课程“学成在线静态网页html&css”中，我们将会深入学习HTML（超文本标记语言）和CSS（层叠样式表）这两门核心技术，它们是构建互联网上每一个页面的基础。通过黑马程序员pink老师的指导，我们将一步步掌握如何...
html+css的基础学习.zip
01-01
html+css的基础学习html+css的基础学习html+css的基础学习html+css的基础学习 html+css的基础学习html+css的基础学习html+css的基础学习html+css的基础学习 html+css的基础学习html+css的基础学习html+css的基础学习...
学习基础的HTML与CSS.zip
03-17
学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip 学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip 学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip学习基础的HTML...
HTML&CSS.zip
04-13
HTML（HyperText Markup Language）和CSS（Cascading Style Sheets）是构建网页和网页设计的基础技术。HTML负责定义网页的内容结构，而CSS则用于控制网页的样式和布局。本压缩包"HTML&CSS.zip"包含了关于这两门技术...
html播放器参数,Windows Media Player网页播放器及其参数含义
weixin_31209173的博客
06-10 877
网页中WMP视频控制之使用指南——播放方法和属性除播放、暂停、停止外，媒体播放器还可用下面的属性：扫描(Scanning)——与录像机的快进快倒功能类似；搜索(Seeking)——直接移到剪辑中标记的特定上演时间；——播放媒体播放器提供了两种技术来指定要播放的媒体名称(剪辑)，你可以设置 FileName 属性，或调用 Open 方法。 如果 AutoStart 属性的值是 true 的话，当 F...
如何在HTML页面中加视频,向网页中添加 HTML5 视频控件
weixin_34460466的博客
06-02 2688
向网页中添加 HTML5 视频控件2018-09-19爱学习，爱生活，爱编程……希望能帮到你！更多如何开始使用采用它的最基本形式，使用 HTML5元素向网页中添加视频播放器是通过一行 HTML 完成的。 添加特性，且用户可以控制视频播放。其他特性可用于设置源文件、添加占位符图像或自动开始播放视频。与大多数 HTML 元素一样，可以使用层叠样式表 (CSS) 来设置元素的样式和位置。HTM...
html5中音频、视频标签、自定义播放器常用属性及方法、全屏操作、新增属性兼容问题
专研前端，探索后端
04-14 1694
多媒体标签: 音频标签audio: <audio src="音频文件的URL"></audio><!-- audio标签需要controls控件才可以播放音频，controls的属性值可以省略，如果URL为视频格式文件，则只会播放音频 --> html5中通过audio标签实现音频播放，支持的格式有.mp3/.ogg/.wav; 注意：标签中必须要有controls属性，否则不会播放;loop循环播放，autoplay自动播放属性（谷歌为了用户体验禁用了这个功能）; 一
HTML5原生视频播放器组件video的videocontrolslist属性详解
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
11-27 2012
HTML5提供了内置的视频播放控件，其中videocontrolslist是其中一个很有用的属性。videocontrolslist属性可以用于告诉浏览器在视频播放过程中应该显示哪些默认的用户界面控件。下面我们将从几个方面来介绍videocontrolslist的详细使用。
HTML中如何设置音频和视频?
qq_74095822的博客
12-11 833
总结不易，希望小宝们不要吝啬你们的👍哟(＾Ｕ＾)ノ~ＹＯ！！😀如有问题，欢迎评论区批评指正😁。
HTML5&CSS3基础：HTML的图片、音频、视频（3）
斜键仙的博客
12-10 680
该篇文章对图片、音频、视频的格式作了个简单总结，主要还是说明这三者在html中如何使用。 文章目录总目录第四节：HTML的图片、音频、视频前言一、图片1.格式2.引用(标记)3.示例二、音频1.格式2.使用(标记)3.示例三、视频1.格式2.使用(标记)3.示例 总目录 点击访问总目录 第四节：HTML的图片、音频、视频 前言 从思维导图可以大概知道总结的知识内容，思维导图还有分支没展开，有需要的可自行下载。 网盘链接：https://pan.baidu.com/s/1LwUeEadq7cYOR...
HTML5与CSS基础学习笔记
在HTML5的学习中，首先要明确HTML是构成网页结构的基础，它与CSS（样式表现）和JavaScript（行为交互）共同构建了网页的三大核心部分。HTML的基本结构由<html>、和标签组成，其中包含网页元信息，如定义网页标题，而...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值