1.HTML基础
- 标题:用h1到
标签来定义
- 段落:通过
标签来定义的
- 链接: 可以使用target属性来定义被链接的文档在何处显示
- 图像: 图像的名称和尺寸以属性的形式提供
- 分隔内容:
- 注释:
- 在不产生段落的情况下达成分行效果:
HTML属性
- class :为元素定义类名
- id: 定义元素的唯一id
- style: 规定元素的行内样式
- title:描述额外信息
HTML文本格式化标签
- 强调文本:
- 加粗文本
- 斜体字
- 小号字
- 下标字 上标字
- 删除字
插入字
HTML链接
- target属性:可以定义被链接的文档在何处显示 _blank:新窗口打开top:在当前窗体打开链接,并替换当前整个窗体parent:在父窗口打开链接self:默认 在当前页面跳转_
- id属性:在创建链接时,可以将网页链接替换为id属性,从而达到在页面内调转的效果
HTML头部
- 元素 。定义了不同文档的标题,当网页添加到收藏夹时,显示在收藏夹中的标题;以及在搜索引擎结果页面的标题。宜简明扼要的变动网站的主要内容。
- 通常用于链接到样式表 定义了文档与外部资源的关系
- 定义了html文档的样式文件的引用地址,也可以直接添加样式来渲染html文档
- 提供被浏览器解析的元数据
HTML与CSS
CSS添加到html中的三种方式:1.内联样式:直接在元素中使用style属性2.内部样式表:在html文档头部区域使用元素来包含css3.外部引用:使用外部CSS文件 background-color:背景颜色/font-family:字体/color:颜色/font-size:字体大小 text-align:文字对齐
HTML图像
注意:
alt属性:当图片无法加载时,给用户显示替换文本 align属性:bottom/middle/top (此属性已在html4中被废弃)
HTML表格
基本语法:标签
用于定义表格 _ 标签用于定义表格中的行,必须嵌套在属性:
- border:值默认为“ ”,表示没有边框;若值为1的表明有边框
- align :left/center/right,用来阐明表格元素对齐格式
- width:规定表格宽度
- hight :规定表格高度
- cellpadding:规定单元边沿的内容之间的空白
- cellspacing:规定单元格之间的空白
HTML列表
分为三种:无序列表、有序列表、自定义列表。
- 无序列表:用
- 来表示,用
- 来框住列表项
- 有序列表:用
- 来表示,用
- 来框住列表项
- 自定义列表:用
- 来表示,与
- 和
- 配合使用
HTML表头
用来收集用户信息和进行交互。form标签会将它范围内的表单元素信息提交给服务器
- 标签的常用属性:
表单控件
在表单域中收集各种表单元素
-
标签用来收集用户信息,包含type属性,决定了输入字段的不同形式type属性包含:input的其他属性:name/value/checked/maxlength
- button 定义可点击按钮
- checkbox 复选框,定义一个可选的框
- file/image定义一个上传文件/图片的按钮
- password 定义密码字段 字符被掩码
- radio/reset/submit 定义一个单选/重置/提交按钮
- text 定义输入字段 默认长度20个字符
-
标签为input定义标注,当点击label标签内的文本时,浏览器自动将焦点转到对应元素上,与input一起使用
-
标签设置多个选项 和配合使用 标签用来开一个文本框,输入内容较多时可以用。有两个属性,rows/cols_cols=每行字符数rows=显示的行数_
| 用于定义表格中的单元格,必须嵌套在 |