HTML相关知识总结

声明为html5的版本,有助于浏览器正确显示网页。

一、HTML元素

1、 HTML段落通过标签

来定义

HTML相关知识总结_第1张图片

标签

使用br换行


HTML相关知识总结_第2张图片
段落

2、HTML 链接是通过标签 来定义

html链-id属性:用于创建一个html文档书签标记
提示:书签是不以任何特殊的方式显示,在HTML文档中是不显示的。

3、HTML 图像是通过标签 来定义的

二、HTML属性

html元素可以设置属性,如html链接由标签定义。链接的地址在href属性中指定。

这是一个链接
HTML相关知识总结_第5张图片
html元素的属性参考

三、HTML标题

1、标题(heading)通过

-

标签进行定义的

HTML相关知识总结_第6张图片
标题

2、html水平线

标签在html页面中创建水平线
HTML相关知识总结_第7张图片
水平线

3、html注释
浏览器会忽略注释,也不会显示它们


四、HTML头部

1、

meta标签描述了一些基本的元数据。
标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
一般放置于 区域:


HTML相关知识总结_第8张图片
meta标签

五、html表格

表格由

标签来定义。

六、HTML表单和输入

html表单用于收集不同类型的用户输入
文本域:通过 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

HTML相关知识总结_第9张图片
表单

密码字段:通过标签 来定义:
HTML相关知识总结_第10张图片
表单

单选框和复选框

HTML相关知识总结_第11张图片
单选框和复选框

提交按钮: 定义了提交按钮.
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
HTML相关知识总结_第12张图片
image.png

假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.php" 的页面。该页面将显示出输入的结果。

七、HTML框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
该URL指向不同的网页


HTML相关知识总结_第13张图片
iframe框架
HTML相关知识总结_第14张图片
iframe框架

你可能感兴趣的:(HTML相关知识总结)