企业官网建设流程全解析

免费网站怎么做啊,哪个网站上做ppt比较好看,淮安网站优化,做电子相册的大网站HTML 常用标签全解析#xff1a;图片、表单与多媒体在网页开发中#xff0c;HTML 提供了丰富的标签来展示图片、播放音视频以及收集用户输入。本文将详细介绍 img、form、input、select、textarea、audio 和 video 标签的核心用法与属性。一、img —— 图片展示标签图片、表单与多媒体在网页开发中HTML 提供了丰富的标签来展示图片、播放音视频以及收集用户输入。本文将详细介绍 img、form、input、select、textarea、audio 和 video 标签的核心用法与属性。一、img—— 图片展示标签img是一个典型的行内块标签(inline-block)既不会独占一行也能自由设置宽高使用非常灵活。常用属性属性说明src图片路径(相对或绝对路径)alt图片加载失败时的替代文本width/height设置图片尺寸(建议只设置一个)示例img src./img/img1.webp alt圣诞零食 width500px img src../images/img2.webp alt外套 stylewidth: 200px; height: 400px;提示alt 属性不仅能提升可访问性对 SEO 也很有帮助二、form—— 表单容器表单是用户与网站交互的重要桥梁。form标签用于收集用户输入并通过 action 属性将数据提交到服务器。示例form action./服务器.html 用户名input typetext nameusernamebrbr 密码input typepassword namepasswordbrbr /form注意action 属性指定表单提交的目标地址需要配合后端或本地服务器使用才能实现数据提交。三、表单控件标签1️⃣input—— 基础输入框input是表单中最常用的标签之一其 type 属性决定了输入内容的类型。type 类型类型值功能text文本输入框password密码框number数字输入框radio单选框(需配合name使用)checkbox复选框submit提交按钮reset重置按钮button普通按钮示例用户名input typetext value张三 nameusername 密码input typepassword value123abc namepassword2️⃣select—— 下拉选择框用于多项选择(单选)select option valuezk专科/option option valuebk selected本科/option option valuess硕士/option /select3️⃣textarea—— 多行文本框textarea cols40 rows10 placeholder请输入个人简介/textarea四、表单进阶属性属性作用placeholder设置输入提示checked默认选中(用于radio/checkbox)disabled禁用输入框readonly只读不可修改selected下拉选项默认选中示例input typetext placeholder请输入用户名 disabled input typepassword placeholder请输入密码 readonly input typeradio namesex checked 女五、表单样式优化技巧浏览器为表单控件添加了默认样式可以通过 CSS 清除这些默认效果input typetext stylewidth:300px; height:40px; border:none; outline:none; background-color:bisque;技巧border: none;去掉边框outline: none;去掉聚焦时的外框。六、audio与video—— 音视频播放HTML5 提供了简单的多媒体播放支持常用属性属性作用src指定音视频文件路径controls显示播放控件loop是否循环播放示例audio src./source/达拉崩吧.mp3 controls loop/audio video src./source/绝地逢生.mp4 controls loop stylewidth:200px;/video可通过 JavaScript 进一步控制播放、暂停、进度条和音量等功能。七、总结回顾标签功能常用属性img图片展示src、alt、width、heightform表单容器action、methodinput单行输入type、value、placeholder、checkedselect下拉菜单value、selectedtextarea多行输入cols、rowsaudio音频播放src、controls、loopvideo视频播放src、controls、loop