分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

HTML2

发布时间:2023-09-06 01:16责任编辑:彭小芳关键词:HTML

 1、添加照片

<img src="图片位置" alt="图片非正常显示时出现的文字内容"> 
<figure> ???<img src="图片位置"alt="图片非正常显示时出现的文字内容"> ???<figcaption>图片描述</figcaption></figure>

2、导入视频Video

<video src="视频地址" controls autplay loop></video>

加入controls autplay loop表示自动循环播放

3、导入音频audio

<audio src="音频地址" controls autplay loop></audio>
加入controls autplay loop表示自动循环播放

4、input属性——表单:

①账号:<input type=”text”>

②密码:<input type=”password”>

③单选框:<input type=”radio”name=””value=””>

④复选框:<input type=”checkbox”name=””value=””>

⑤多行文本框:<textarea name=””id=””cols=””rows=””>

⑥下拉列表:<select  name=””>

                     <option  value=””></option>

              </select>

⑦邮箱:<input type=”text”placeholder=””>

⑧提示信息:<details>

                     <summary></summary>

                     <p></p>

              <details>

⑨普通按钮:<input type=”button”value=”改名”>

⑩提交按钮:<input type=”submit”value=””>

⑾重置按钮:<input type=”reset”value=””>

⑿手机号码: <input  type=”text”maxlenght=”最大位数” requived="必填选择不能为空">

⒀日期:<input type=”date”/>

⒁身高:<input type=”number”max=””min=””step=”增加高度”value=”默认值”>

⒂体重:<input type=”range” max=””min=””step=”增加体重”value=”初始数据”>

⒃喜欢的颜色:<input type=”color”name=”color”>

5、H5的语义化标签:

nav——导航

aside——侧边栏

article——独立的主题

hgroup——汇总标题

footer——放置友情链接,版权声明

6、标准文档流:

①display——用于确定元素类型

       div/p——block块级,独占一行,可设置宽高

       span——inline内联,行内,不可设置宽高

②h1-h6块级元素

       常用于布局的块级元素:ol、ul、dl、table、from、div

       常用于布局的内联元素:img、span、br、input、textarea

③块级元素可包含内联元素,反之则不能嵌套

HTML2

原文地址:http://www.cnblogs.com/lcl498516572/p/7637375.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved