您的位置首页  生活

生活知识是什么标签类型(div标签是什么类型)万万没想到

  • 来源:互联网
  • |
  • 2023-10-05
  • |
  • 0 条评论
  • |
  • |
  • T小字 T大字

HTML基础知识学习目标能够知道html的作用能够写出html的基本结构能够知道单标签和双标签的区别知道相对路径和绝对路径的区别掌握标签的种类了

生活知识是什么标签类型(div标签是什么类型)万万没想到

 

HTML基础知识学习目标能够知道html的作用能够写出html的基本结构能够知道单标签和双标签的区别知道相对路径和绝对路径的区别掌握标签的种类了解表格的边线合并了解表单中常用的表单元素标签了解表单的提交方式

了解表单中action属性的作用一、HTML的介绍1. 网页效果图 -- 百度

2. html的定义HTML 的全称为:HyperText Mark-up Language, 指的是超文本标记语言标记:就是标签, , 比如: 、

等,标签大多数都是成对出现的。

所谓超文本,有两层含义:因为网页中还可以图片、视频、音频等内容(超越文本限制)它还可以在网页中跳转到另一个网页,与世界各地主机的网页链接(超链接文本)3. html的作用html是用来开发网页的,它是开发网页的语言。

二、html 的基本结构1. 结构代码网页标题 网页显示内容

第一行是文档声明, 用来指定页面所使用的html的版本, 这里声明的是一个html5的文档...标签是开发人员在告诉浏览器,整个网页是从。

这里开始的,到结束,也就是html文档的开始和结束标签...标签用于定义文档的头部,是负责对网页进行设置标题、编码格式以及引入css和js文件的...

标签是编写网页上显示的内容2. 浏览网页文件网页文件的后缀是.html或者.htm, 一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页。

3. 小结三、初始常用的 html 标签1. 常用的 html 标签

h1标题

这是一个div标签

这个一个段落标签

alt="图片">百度网

<

ahref="http://www.baidu.com">百度网

提示:标签不区分大小写,但是推荐使用小写根据标签的书写形式,标签分为双标签(闭合标签)和单标签(空标签) 2.1 双标签是指由开始标签和结束标签组成的一对标签,这种标签允许嵌套和承载内容,比如: div标签 2.2 单标签是一个标签组成,没有标签内容, 比如: img标签。

2.标签列表标签描述定义注释定义文档类型定义超文本链接定义缩写定义只取首字母的缩写,不支持HTML5定义文档作者或拥有者的联系信息

HTML5中不赞成使用定义嵌入的 applet定义图像映射内部的区域定义一个文章区域定义页面的侧边栏内容定义音频内容定义文本粗体

定义页面中所有链接的默认地址或默认目标HTML5不支持,不赞成使用定义页面中文本的默认字体、颜色或尺寸允许您设置一段文本,使其脱离其父元素的文本方向设置

定义文字方向定义大号文本,HTML5不支持定义长的引用定义文档的主体

定义换行定义一个点击按钮定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形

定义表格标题HTML5不支持,不赞成使用定义居中文本定义引用(citation)定义计算机代码文本定义表格中一个或多个列的属性值

定义表格中供格式化的列组定义命令按钮,比如单选按钮、复选框或按钮定义选项列表请与 input 元素配合使用该元素,来定义 input 可能的值定义定义列表中项目的描述。

定义被删除文本用于描述文档或文档某个部分的细节定义定义项目定义对话框,比如提示框HTML5不支持,不赞成使用定义目录列表

定义文档中的节。

定义列表详情定义列表中的项目定义强调文本定义嵌入的内容,比如插件定义围绕表单中元素的边框定义 元素的标题。

规定独立的流内容(图像、图表、照片、代码等等)HTML5不支持,不赞成使用定义文字的字体、尺寸和颜色定义 section 或 document 的页脚

定义了HTML文档的表单定义框架集的窗口或框架定义框架集

to 定义 HTML 标题定义关于文档的信息定义了文档的头部区域

定义水平线定义 HTML 文档定义斜体字定义内联框架定义图像定义输入控件定义被插入文本定义键盘文本规定用于表单的密钥对生成器字段。

定义 input 元素的标注定义 fieldset 元素的标题定义列表的项目定义文档与外部资源的关系定义文档的主体部分定义图像映射。

定义带有记号的文本请在需要突出显示文本时使用 标签不赞成使用定义菜单列表定义关于 HTML 文档的元信息定义度量衡仅用于已知最大和最小值的度量。

定义导航链接的部分定义针对不支持框架的用户的替代内容HTML5不支持定义针对不支持客户端脚本的用户的替代内容定义内嵌对象定义有序列表。

定义选择列表中相关选项的组合定义选择列表中的选项定义不同类型的输出,比如脚本的输出

定义段落定义对象的参数定义预格式文本

定义运行中的进度(进程)定义短的引用 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容 标签定义字符(中文注音或字符)的解释或发音

标签定义 ruby 注释(中文注音或字符)不赞成使用定义加删除线的文本定义计算机代码样本定义客户端脚本 标签定义文档中的节(section、区段)。

比如章节、页眉、页脚或文档中的其他部分定义选择列表(下拉列表)定义小号文本 标签为媒介元素(比如 和 )定义媒介资源。

定义文档中的节HTML5不支持,不赞成使用定义加删除线文本定义强调文本定义文档的样式信息定义下标文本 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。

定义上标文本定义表格定义表格中的主体内容定义表格中的单元定义多行的文本输入控件定义表格中的表注内容(脚注)定义表格中的表头单元格。

定义表格中的表头内容定义日期或时间,或者两者定义在页面加载时隐藏的一些内容定义文档的标题定义表格中的行 标签为诸如 video 元素之类的媒介规定外部文本轨道。

定义打字机文本不赞成使用定义下划线文本定义无序列表定义文本的变量部分 标签定义视频,比如电影片段或其他视频流规定在文本中的何处适合添加换行符。

3.HTML 属性属性描述accesskey设置访问元素的键盘快捷键class规定元素的类名(classname)contenteditable规定是否可编辑元素的内容contextmenu指定一个元素的上下文菜单。

当用户右击该元素,出现上下文菜单data-*用于存储页面的自定义数据dir设置元素中内容的文本方向draggable指定某个元素是否可以拖动dropzone指定是否将数据复制,移动,或链接,或删除hidden。

hidden 属性规定对元素进行隐藏id规定元素的唯一 idlang设置元素中内容的语言代码spellcheck检测元素是否拼写错误style规定元素的行内样式(inline style)tabindex。

设置元素的 Tab 键控制次序title规定元素的额外信息(可在工具提示中显示)translate指定是否一个元素的值在页面载入时是否需要翻译4.小结学习 html 语言就是学习标签的用法,常用的标签有20多个。

编写 html 标签建议使用小写根据书写形式,html 标签分为双标签和单标签单标签没有标签内容,双标签可以嵌套其它标签和承载文本内容四、资源路径当我们使用img标签显示图片的时候,需要指定图片的资源路径,比如:

这里的src属性就是设置图片的资源路径的,资源路径可以分为相对路径和绝对路径1. 相对路径从当前操作 html 的文档所在目录算起的路径叫做相对路径示例代码:

2. 绝对路径从根目录算起的路径叫做绝对路径,Windows 的根目录是指定的盘符,mac OS 和Linux 是/

示例代码:

>提示:一般都会使用相对路径,绝对路径的操作在其它电脑上打开会有可能出现资源文件找不到的问题五、列表标签1. 列表标签的种类无序列表标签(ul标签)有序列表标签(ol标签)2. 无序列表

列表标题一列表标题二列表标题三3. 有序列表

列表标题一列表标题二列表标题三六、表格标签1. 表格的结构

表格是由行和列组成,好比一个excel文件2. 表格标签标签:表示一个表格标签:表示表格中的一行标签:表示表格中的列标签:表示表格中的表头示例代码:

="1"cellspacing="3">姓名年龄张三18表格边线合并:border-collapse 设置表格的边线合并,如:border-collapse:collapse;

七、表单标签1. 表单的介绍表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 2. 表单相关标签的使用标签 表示表单标签,定义整体的表单区域。

标签 表示表单元素的文字标注标签,定义文字标注标签 表示表单元素的用户输入标签,定义不同类型的用户输入数据方式type属性type="text" 定义单行文本输入框type="password" 定义密码输入框

type="radio" 定义单选框type="checkbox" 定义复选框type="file" 定义上传文件type="submit" 定义提交按钮type="reset" 定义重置按钮type="button" 定义一个普通按钮

标签 表示表单元素的多行文本输入框标签 定义多行文本输入框标签 表示表单元素的下拉列表标签 定义下拉列表标签与标签配合,定义下拉列表中的选项

示例代码:

姓名:

密码:

性别: 男 女

爱好:

> 唱歌 跑步 游泳

免责声明:本站所有信息均搜集自互联网,并不代表本站观点,本站不对其真实合法性负责。如有信息侵犯了您的权益,请告知,本站将立刻处理。联系QQ:1640731186