HTML学习

142 阅读3分钟

网页组成 文字 图片 音频 视频 超链接等 Web标准 结构---html 表现----css 行为----javaScript html 基本骨架 网页的标题 网页的主体 标签构成 及标签关系 标签构成 双边标签

双边标签

单边标签
标签关系 兄弟关系 父子关系 标题标签 p 换行标签 br 强制换行 水平线标签 hr 文本格式化标签 (一般选择用后面4个) b和strong 加粗 u和ins 下划线 i和em 倾斜 s和del 删除线 图像标签 src:图片的路径,必写属性 alt 替换文本(图片无法加载显示的文本信息) title 提示文本(鼠标悬停时显示的文本信息) width:设置图片的宽度 height:设置图片的高度 border:设置边框 audio: 音乐标签 controls:显示标签插件 autoplay:自动播放音乐 loop:播放完音乐重新再播放 video:视频标签 controls:显示标签插件 autoplay:自动播放视频与muted结合使用--静音播放 loop:播放完重新再播放 a标签的target属性 _self在当前窗口打开网页 _blank新建窗口打开网页 列表标签: 无序列表: ul li 有序列表: ol li 自定义列表: dl 自定义列表的整体内包含 dt dd dt 自定义列表的主题 dd 自定义列表针对主题的每一项内容 dt/dd 可以包含任意内容,dt和dd属于兄弟关系 表格标签: table tr td align设置对其方式:center(居中) left(左对齐) right(右对齐) width 设置宽度 height 设置高度 border 设置边框 rules="all"(细线表格) caption 表示表格的大标题,写在table标签内部 th 用于表格的第一行,写在tr标签内部,默认居中加粗显示 表格的结构标签:用于包裹tr标签 thead tbody tfoot 合并单元格: rowspan:跨行合并(上下合并) colspan:跨列合并(左右合并) input系列相关type属性 文本框text :提示文本placeholder(占位符) 密码框password 单选框radio(name 设置相同name属性实现多选一 checked 默认选中) 多选框 checkbox (name 设置相同name属性实现多选 checked 默认选中) 文件选择 file (multiple 实现多文件上传) 提交按钮 submit (value属性更改名字) 重置按钮 reset (value属性更改名字) 普通按钮 button (value属性填写名字) 搜索 search 必须为数值 number select下拉列表 option 下拉列表的每一项 selected 下拉列表默认选中(加在option属性中) textarea 文本域 提示文本placeholder 后续css设置(col:规定了文本域内可见宽度 rows:规定文本域内可见行数) label标签 方法一: 用label标签把文字包裹,在表单添加id属性,然后在label标签的for属性设置对应id属性值。 方法二: 直接使用label标签把内容和标签一起包裹起来,然后把label标签的for属性删掉 语义化标签 没有语义的布局标签: div 一行显示一个,独占一行 span 一行显示多个,显示不下自动换行 有语义化的布局标签: header 网页头部 nav 网页导航 footer 网页底部 aside 网页侧边栏 section 网页区块 artcie 网页文章 字符实体 常见的字符实体   空格 < 小于号 < > 大于号 > ¥ 人名币 ¥ © 版权 ©