HTML学习小结之HTML标签
来源:互联网 发布:电信网络机顶盒好用吗 编辑:程序博客网 时间:2024/06/01 08:51
1.文档结构标签
◎ <html>:标识文档的开始和结束
◎ <head>:标识文档的头部区域
◎ <body>:标识文档的主体区域
其中头部区域在页面中不可见而主体区域可见
示例1:
2.文本格式标签
主要标识文本区块并附带显示格式
◎ <title>:标识网页标题
◎ <hi>:标识标题文本,其中i是1到6的数字,标识i级标题
◎ <p>:段落
◎ <pre>:预定义文本
◎ <blockquote>:引用
示例2:
3.字符格式标签
主要用来标识部分文本字符的语义,大部分字符格式标签有具体效果
◎ <b>:标识强调文本,效果为加粗
◎ <i>:标识引用文本,效果为倾斜
◎ <blink>:标识闪烁文本,效果为闪烁(IE浏览器不支持该标签)
◎ <big>:标识放大文本,效果为放大
◎ <small>:标识缩小文本,效果为缩小
◎ <sup>:标识上标文本,效果为上标
◎ <sub>:标识下标文本,效果为下标
◎ <cite>:标识引用文本,效果为倾斜
示例3:
效果:
4.列表标签
列表分为有序列表和无序列表。
无序列表使用项目符号来标识列表
有序列表使用编号来标识列表的项目顺序
◎ <ul>:标识无序列表
◎ <ol>:标识有序列表
◎ <li>:标识列表项目
示例4.1:
另外还有特殊结构--定义列表
定义列表包括词条和解释两部分
◎ <dl>:标识定义列表
◎ <dt>:标识词条
◎ <dd>:标识解释
示例4.2:
5.链接标签
链接标签能从一个页面跳到另一个页面
◎ <a>:标识超链接
示例5:
6.多媒体标签
用于引入外部多媒体文件
◎ <img/>:引入图片
◎ <embed>:引入多媒体
◎ <object>:引入多媒体
7.表格标签
◎ <table>:定义表格结构
◎ <caption>:定义表格标题
◎ <th>:定义表头
◎ <tr>:定义表格行
◎ <td>:定义表格单元格
示例7:
效果:
8.表单标签
用来制作交互式表单
◎ <from>:定义表单结构
◎ </input>:定义文本域、按钮和复选
◎ <textarea>:定义多行文本框
◎ <select>:定义下拉列表
◎ <option>:定义下拉列表中的选择项目
示例8:
效果:阅读全文
0 0
- HTML学习小结之HTML标签
- HTML学习小结之HTML标签
- HTML之表单标签小结
- HTML学习之HTML常用标签(一)
- HTML学习之路-3 HTML标签
- html 基础之标签学习
- Html学习之<a>标签
- HTML常用标签小结
- html标签小结1
- 【HTML学习】HTML标签参考手册
- HTML学习---------认识html标签
- 自学HTML之HTML标签
- html学习之在<body>标签外面写html代码
- HTML学习之路-2 HTML常用标签
- Struts学习笔记之HTML标签库
- html标签学习之笔记(一)
- html标签学习之笔记(二)
- html学习笔记之meta 标签介绍
- Git push 代码报错
- 6-4 线性探测法的查找函数
- Javascript原型链(二)
- python学习之路day2-循环
- Linux下原子操作函数
- HTML学习小结之HTML标签
- 【腾讯TMQ】Appium:轻松玩转app+webview混合应用自动化测试
- 数独解法的Python实现
- UVa 508 摩斯码匹配单词
- transwarp Slipstream 简介之高级功能
- 从0到1,开启vue_mobile---横竖屏需求处理
- V-1.8.2 underscore源码解析(一)
- 页面禁止选中内容 IE6以上方法
- 关于变量定义,声明,宏定义等