Html笔记
#一,html技术
1.1,html:超文本标记语言
超文本:不仅仅含有文字内容,可以包含图片,音频,视频等等;
(HTML即是网页)
网页特点:都是通过浏览器进行查看;
文件后缀名为.html或者.tml
#1.2,html用来做什么
1,编写各种网站页面;
2,编写软件系统界面
3,编写各种移动端APP界面
小知识:十二栅格系统(媒介查询)
#1.3,如何编写html
目前市面流行前端开发工具:
webStrom VScode Hbuilder 。。。
使用HBuilder编写html:
1.4,总结
#1.5,标签的分类
1,常见双标签
2,少量单标签:只有开始,在开始中结束
3,少量实体字符()
#1.6,标签属性:
属性语法格式:
1.7,标签学习
1.7.1,文本常见标签
1.7.2,段落标签
1.7.3,插入媒体资源
插入图片资源:
插入视频动画音频资源:
1.7.4,超链接
文本内容
目标地址可为本地资源/网页资源
1.7.5,列表
三种形式列表
1,有序ol
- 列
-
自行标号 2,无序ul
-
-
3,定义列表(可写多个)
-
:一级列表
-
:二级列表
-
(以上三种列表可混合使用) 1.7.6,表格 (即二维表,具有行列概念的) 作用:使数据信息更清晰明了; 表格具有强烈的控制性; 创建表格语法: Table:表格(属性: bgcolor:背景颜色 ; border:边框 width:宽(可填写表格比例),background:背景图片) (cellpadding="1px" cellspacing="1px"使用边距时,二者缺一不可); tr:( 常用属性:height:高; align:水平位置;bgcolor:背景颜色;background:背景图片)行; 合并:(合并行) (合并列) td:(height:设置行高,影响整个行的高度 width:设置列宽度 Align:水平位置 bgcolor:背景颜色;background:背景图片)列; th:列,可自动居中并加粗文字; 表格合并: rowspan(合并行) colspan(合并列)
-
:二级列表
-
3,定义列表(可写多个)
1.7.7,表单
(form表单不会再页面上产生任何显示效果,用于向后台提交数据)1.7.8,表单元素
(编写在form表单中的输入项(例如,文本框,密码框,单选框。。。))
1,文本输入框
2,密码输入框
3,单选按钮
(type=”radio” name(必须要有同的名字,表示同组))
A,实现默认选择:checked=”checked”,可以简化为:checked
B,name表示同组4,多选按钮:<input type=“CheckBox” name(相同表示同组) >
实现默认选择:select=”select”,可以简化为:select;
5,下拉列表:
内容6,文件浏览
8,按钮系列======== 特殊: 数据提交按钮:提交数据配合form表单使用 (form表单的范围表示提交的范围) 数据重置按钮: 普通按钮: 文本内容 图片按钮+事件: 1.7.9,屏幕的划分: 超链接:Target:指定目标区域 框架和框架集(frameset+frame) Frameset针对屏幕划分的标签 Frame:针对划分好区域进行框架指定 noresize="noresize":禁止划分的边框进行拖到 Html结果标签中不能使用标签
7,文本域
:显示一条实线
:换行:段落 (暂用) ;空格 超链接:Target:目标区域
-
自行标号 2,无序ul