Javaweb梳理16——HTML&CSS使用 16 快速入门 16.1 基础标签 16.2 图片、音频、视频标签 16.3 超链接标签 16.4 列表标签 16.5 表格标签 16.6 布局标签 16.7 表单标签 16.8 type取值
16 快速入门
1.新建文本文件,后缀名改为 .html /.htm 2.编写 HTML结构标签 3.在<body>
中使用<h1>
定义标题字体 4.使用<img>
标签定义图片 5.保存后,使用浏览器打开该文件
标签 描述 <HTML> 定义 HTML 文档 <head> 定义关于文档的信息 <title> 定义文档的标题 <body> 定义文档的主体
16.1 基础标签
标签 描述 <h1> ~ <h6> 定义标题,h1最大,h6最小 <font> 定义文本的字体、字体尺寸、字体颜色 <b> 定义粗体文本 <i> 定义斜体文本 <u> 定义文本下划线 <center> 定义文本居中 <p> 定义段落 <br> 定义折行 <hr> 定义水平线
HTML 原代码 显示结果 描述 < < 小于号或显示标记 > ; > 大于号或显示标记 & & 可用于显示其它特殊字符 " “ 引号 ® ® 已注册 © © 版权 ™ ™ 商标 不断行的空白
16.2 图片、音频、视频标签
标签 描述 <img> 定义图片 <audio> 定义音频 <video> 定义视频
16.3 超链接标签
href:指定访问资源的URL target:指定打开资源的方式
16.4 列表标签
标签 描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> 定义列表项
type:设置符号的类型
16.5 表格标签
标签 描述 <table> 定义表格 <th> 定义表头单元格 <tr> 定义行 <td> 定义单元格
* table:定义表格 * width:宽度 * border:边框 * cellpadding:定义内容和单元格的距离 * cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条* bgcolor:背景色 * align:对齐方式
* tr:定义行 * bgcolor:背景色 * align:对齐方式
* td:定义单元格 * colspan:合并列 * rowspan:合并行
* th:定义表头单元格
* <caption>:表格标题
16.6 布局标签
标签 描述 <div> 定义 HTML 文档中的一个区域部分,经常与 CSS 一起使用,用来布局网页 <span> 用于组合行内元素。
16.7 表单标签
标签 描述 <form> 定义表单 <input> 定义表单项,通过type属性控制输入形式 <label> 为表单项定义标注 <select> 定义下拉列表 <option> 定义下拉列表的列表项 <textarea> 定义文本域
16.8 type取值
type 取值 描述 text 默认值。定义单行的输入字段 password 定义密码字段 radio 定义单选按钮 checkbox 定义复选框 file 定义文件上传按钮 hidden 定义隐藏的输入字段 submit 定义提交按钮,提交按钮会把表单数据发送到服务器 reset 定义重置按钮,重置按钮会清除表单中的所有数据 button 定义可点击按钮 标签 描述 ---------------- ------------------------------------ <form> 定义表单 <input> 定义表单项,通过type属性控制输入形式 <label> 为表单项定义标注 <select> 定义下拉列表 <option> 定义下拉列表的列表项 <textarea> 定义文本域