1.HTML基础简介
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
HTML是一个网页文件的拓展名,和txt、jpg、mp3一样,是一个文件格。.html文件就是网页文件。
后缀名与文件之间是没有直接 的关系。
后缀名仅仅决定了文件的打开方式
真正决定文本类型的是文件的内容
特点:以特定的标签包裹内容,使用拥有自己的“语义”。
html的结构
--html是一个双标签 开始标签
--可能是标题--结束标签
DOCTYPE----文档类型声明
meta标签----设置页面编码格式,关键字,以及页面的描述
--------->标题部分2.内容标签
这其中
是单标签 无意义区块容器标签
eg:
主要的网页标题
HTML标记—注释标记
HTML 标题
这是一个标题
这是一个标题
这是一个标题
HTML 段落
这是一个段落。
这是另外一个段落。
HTML 链接
当您点击 HTML 页面中的某个链接时,对应的 标签指向万维网上的一个地址。
一个统一资源定位器(URL) 用于定位万维网上的文档。
URL - 统一资源定位器
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机(http 的默认主机是 www)
domain - 定义因特网域名,比如 runoob.com
:port - 定义主机上的端口号(http 的默认端口号是 80)
path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
filename - 定义文档/资源的名称
这里需要注意:使用超链接做下载,并不是超链接完成的下载功能,而是通过超链接跳转到了一个有下载功能的页面。
超链接的其他属性.png
常见的 URL Scheme
URL Scheme.png
HTML 图像
alt 属性用来为图像定义一串预备的可替换的文本。
![](pulpit.jpg)
img.png
3.HTML属性
HTML 元素的属性.png
属性实例:
HTML 链接由 标签定义。链接的地址在 href 属性中指定:
查看完整的HTML属性列表: HTML 标签参考手册。
4.HTML 表格
表格由
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 | 标签进行定义。
HTML表格.png 5.HTML 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 文本域(Text Fields) 文本域通过 标签来设定 当用户要在表单中键入字母、数字等内容时,就会用到文本域 密码字段 密码字段通过标签 来定义: FirstName: Password: 注意:密码字段字符不会明文显示,而是以星号或圆点替代。 FirstName.png password.png 单选按钮(Radio Buttons) 标签定义了表单单选框选项 Male Female 单选有时需要设置默认选项,需要设置checked属性: 男 Radio.png 复选框(Checkboxes) 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。 I have a bike I have a car 多选框一般不需要设置默认选项,如果要设置,也是设置checked属性 Checkboxes.png 提交按钮(Submit Button) 定义了提交按钮. 当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。: Username: 这里需要注意的是: Submit必须要和form一起使用才能达到效果 action 设置表单提交参数路径 method 当前请求方式(同iOS开发网络请求一样,get/post) Submit.png 假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.php" 的页面。该页面将显示出输入的结果。 图片按钮(使用不多) Select下拉框 selected默认选项 选项一 选项二 Textarea文本域 6.HTML 列表 HTML 支持有序、无序和定义列表: 无序列表使用
有序列表始于
|
---|