web项目:通过浏览器使用的应用程序
HTML CSS JS前端页面
HTML是英文 HyperText Markup Language 的缩写,它的意思是"超文本标记语言",用它编写出文档的文件的扩展名是“.html”或“.htm”(微软的操作系统),他是可供浏览器解释浏览的文件格式。你可以使用记事本,写字板或者是专业的IDE如:Dreamweaver等等编辑工具来编写HTML文件。
HTML:由一些预定义的标签组成,属超文本标记语言:用来定义网页元素,比如扸,文字,表格等
标签一种称围堵标签:开始标签,结束标签、 自闭和标签(例如:)
//字体标签,字体大小只能是1到7 face为字体 颜色标签除了使用color外,也可以设置颜色的十六进制值red=#FF0000
HTML标记两端有两个符号“<”和“>”,这两个符号称为角括号。html标签通常是成对出现的,比如“”和“,前一个是开始标签,后一个是结束标签。在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的,“”和
“”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。
html的文档结构主要是有3部分组成的:
1.
标记用于html文件的最前面,用来表示html文件的开始。而的标记则是放在html的最后面,用来表示html文件的结束,两个标记必须一起使用。
2.
和和构成html文件的头部部分,在此标记对之间可以使用
在头部的
中,有另一组标签3.
和和是html文档的主体部分,在此标记可以包括“
”,“
”,“下面介绍一些常用标签:
强制断行标记“
”
强制分段标记“
”
转义字符 ,代表空格“ ;
设置位置居中标签
1.标题标记
使用方法:
2.设置字体标记 使用方法:内容
3.字体变化标记 使用:在文字标记中,对于文字的格式也有相当多的变化,如加粗,斜体等等。
加粗 斜体 底线
用粗体等宽字体显示文字 用较小的固定宽度显示字体
我们在使用文字标记中,对于文字的格式也有相当多的变化,如加粗,斜体等等。
用于名词解释,斜体显示 上标(比如2的立方就可以写成 23)
强调
模拟信封上的字体 加强 删除线
删除线 比默认字号大一号
比默认字号小一号 以等宽字体显示计算机程序代码
背景标签:
使用:
背景颜色
背景颜色
IMG标签是用来向网页中插入图片的
图片
序列标签:
1.无序列表< ul>
2.有序列表
3.自定义列表
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表嵌套
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表项目
- 列表标签
- 列表的描述
- 列表标签
- 列表的描述
- 列表标签
- 列表的描述
- 列表标签
- 列表的描述
- 列表标签
- 列表的描述
上述代码结果截图:
html中有很多特殊的字符是需要特殊的处理。
下面看几个特殊的字符处理: 转义字符 < < > > & & &qout; “ 空格
特殊的字符
<
>
&
&qout;
超链接标签:
1.连接到其他的文档
2.网页的内部链接
3.网页的外部链接
4.图片的锚点链接: 锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。
进入百度
进入网易
进入新浪
进入首页
标签的
type分为: text -文本框 button -按钮 submit-提交 reset-重置 password -密码 checkbox-多选 radio-单选 file -上传文件 date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取 时间(小时和分钟) datetime - 选取时间、日、月、年(UTC 时间) datetime-local - 选取时间、日、月、年(本地时间)
邮箱输入框
数字输入框
数字范围输入框(进度条)
颜色选择框
下拉列表:Select标签
表单的用途 :表单在网页上用来给访问者填写信息的,从而获得用户信息,使用网页进行交互的功能。一般是将表单设计在一个html页面中,当用户填写信息后做提交操作,于是表单的内容就会从客户端的浏览器上发送给服务器,经过服务器上的jsp或者ASP或者Cgi等处理后,再将用户所需的信息传送给客户端的浏览器上,这样网页就具有交互性了。
表单构成 :
标记是用来创建一个表单,在标记之间一切都属于表单里的内容。
action属性是处理处理程序的程序名称。
method属性是用来定义处理程序的从表单中获取信息的方法,通常有两种分别是GET和POST两种。
target属性用来制定目标窗口的。
表单的工作原理 :
1.访问者填写表单,并提交给web服务器处理;
2.在web服务器上的后台处理程序对提交后的数据进行处理;
3.后台处理程序处理完成后,会重新生成一个新的html页面发给客户端。
框架标签:frame
框架页示例
多媒体标记音频:
1、HTML4多媒体
其中: src 设置文件源 width 设置宽度 autostart 设置是否自动播放,如果是true就是自动播放,是flase不自动播放 loop 设置是否循环播放true就是循环播放,false就是不自动播放
2、HTML5多媒体
3、添加背景音乐
多媒体标记视频:
视频标签
control 属性供添加播放、暂停和音量控件。Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。
要确保适用于 Safari 浏览器,视频文件必须是 MPEG4 类型。 video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。
<代表< | " 双引号 |
© 版权符 | 段落标签 |
预编译标签:可以保持文本样子不变 |
下划线 |
加粗文本 | |
斜体文本 | 粗体等宽字体显示文本 |
用较小固定宽度显示文本 | 换行标签 |
最大的标题 |
二级标题 |
三级标题 |
四级标题 |
五级标题 |
六级标题 |
如何快速的用文本文件编写网页,先用记事本:先新建文本文档,后缀名为.html,打开记事本,编写网页
Hbulider快捷方式:
ctrl+/ 快速注释
alt+/ 提示键
颜色三要素:红绿蓝