html技巧(html简单学习!)
导读:1.常用标签 1.基础标签 <!DOCTYPE>...
1.常用标签
1.基础标签
<!DOCTYPE> 定义文档类型 。 <html> 定义 HTML 文档 。 <head> 定义关于文档的信息 。 <title> 定义文档的标题 。 <body> 定义文档的主体 。 <h1> to <h6> 定义 HTML 标题 。 <p> 定义段落 。 <br> 定义简单的折行 。 <hr> 定义水平线 。 <script> 定义客户端脚本 。 <link> 定义文档与外部资源的关系 <meta> 定义关于 HTML 文档的元信息 。 <!--...--> 定义注释 。2.格式标签
<b> 定义粗体文本。等同于<strong> <sup> 定义上标文本 。 <sub> 定义下标文本 。 <i> 定义斜体文本。等同于<em> <u> 定义下划线文本 。3.表单
input标签: name:定义 input 元素的名称 。 value:规定 input 元素的值 。 type:规定 input 元素的类型 。 button:按钮 checkbox:多选框 file:文件 image:图片按钮 ,点击图片提交 password:密码框 radio:单选框 reset:重置 submit:提交 text:文本框 拓展: 邮箱:email ,可初步验证输入是否为一个邮箱 url:url ,初步验证输入是否为一个网址 数字:number ,可初步验证是否为一个数字 ,且可以设置最大最小值和步长 滑块;range select标签: multiple:规定可选择多个选项 。 name:规定下拉列表的名称 。 配套标签: option标签: selected:规定选项(在首次显示在列表中时)表现为选中状态 。 value:定义送往服务器的选项值 。 表单特殊属性: readonly:只读 disabled:禁用 hidden:隐藏 placeholder:给输入框一个提示信息 required:进行一个输入框的非空判断4.超文本标签
<audio> 定义声音内容 。 <img> 定义图像 。 <video> 定义视频 。 <a> 定义锚 img标签属性(必填): alt:text 规定图像的替代文本 。 src:URL 规定显示图像的 URL。 a标签(必填): href:跳转路径 (可选): target _blank(新窗口) _parent _self(原本网页) _top 规定在何处打开链接文档 。 锚链接 功能链接: 邮件链接 qq链接 video标签: src:路径 autoplay:如果出现该属性 ,则视频在就绪后马上播放 controls:如果出现该属性 ,则向用户显示控件 ,比如播放按钮 。 audio标签: src:路径 autoplay:如果出现该属性 ,则音频在就绪后马上播放。 controls:如果出现该属性 ,则向用户显示控件 ,比如播放按钮 。5.列表
<ul> 定义无序列表 。 <ol> 定义有序列表 。 <li> 定义列表的项目 。 <dl> 定义定义列表 。 <dt> 定义定义列表中的项目 。 <dd> 定义定义列表中项目的描述 。6.表格
<table> 定义表格 <caption> 定义表格标题 。 <th> 定义表格中的表头单元格 。 <tr> 定义表格中的行 。 <td> 定义表格中的单元 。 <thead> 定义表格中的表头内容 。 <tbody> 定义表格中的主体内容。 <tfoot> 定义表格中的表注内容(脚注) 。 跨列属性:colspon 跨行属性:rowspon7.样式
<style> 定义文档的样式信息 。 <div> 定义文档中的节。 <span> 定义文档中的节 。 <article> 定义文章 。 <section> 定义 section ,一块独立的web区域,网页主体 。 <header> 定义 section 或 page 的页眉 ,网页头部 。 <footer> 定义 section 或 page 的页脚 ,网页脚部 。 <aside> 定义页面内容之外的内容,常用于侧边栏 。 <nav> 定义导航栏8.特殊符号
空格 > 大于 ⁢ 小于 © 版权9.内联框架(网页嵌套)
<iframe> 定义内联框架 。 iframe标签: src:要打开网页路径 name:配合a标签target使用
声明:本站所有文章 ,如无特殊说明或标注 ,均为本站原创发布 。任何个人或组织 ,在未征得本站同意时 ,禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ,可联系我们进行处理 。
创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!