标签表示块级布局。
HTML文档结构
HTML 页面的基本结构如下所示,其中包含了各种创建网页所需的标签(例如 doctype、html、head、title 和 body 等)。
Hello
这是我的第一个HTML页面
Salin selepas log masuk
语法说明如下:
:这是文档类型声明,用来将文档声明为 HTML 文档(从技术上来说它并不是标签),doctype 声明不区分大小写;
:该标签是 HTML 页面的根标签,其他所有的标签都需要在 和 标签之间定义;
:该标签中用来定义 HTML 文档的一些信息,例如标题、编码格式等等;
:用来指明当前网页采用 UTF-8 编码,UTF-8 是全球通用的编码格式,绝大多数网页都采用 UTF-8 编码;
:该标签用来定义网页的标题,网页标题会显示在浏览器的标签栏;
:该标签用来定义网页中我们能通过浏览器看到的所有内容,例如段落、标题、图片、链接等等;
由于 HTML 文档属于文本文件,所以我们可以使用任何文本编辑器来创建和修改 HTML 文件,对于初学者来说最好使用系统自带的文本编辑器,例如 Windows 记事本、Linux Vim 和 Mac OS TextEdit,当有了一定的基础之后再选用专业的文本编辑器,例如 Notepad++、Sublime Text、VS Code 等。
另外,您必须将 HTML 文档保存为.html
或者.htm
格式才可以直接在浏览器中打开并浏览其中的内容。例如上面的示例代码,将其保存在一个名为 index.html 的文件中,双击即可在浏览器中看到运行结果。
HTML文档的基本标签
标题标签
段落标签
换行标签
水平线标签
字体样式标签
注释和特殊符号
基本标签
一级标签
二级标签
三级标签
四级标签
五级标签
六级标签
HTML是一种超文本标记语言,是一种浏览器上的规范
超文本是指,流媒体,声音,视频,图片等
标记语言 由大量的标签组成
HTML是一种超文本标记语言,是一种浏览器上的规范
超文本是指,流媒体,声音,视频,图片等
标记语言 由大量的标签组成
HTML是一种超文本标记语言,是一种浏览器上的规范
超文本是指,流媒体,声音,视频,图片等
标记语言 由大量的标签组成
粗体:THER
斜体:THER
空 格
空 格
大于号:>
小于号:<
Salin selepas log masuk
HTML文档的图像标签
常见的图像格式:JPG,GIF,PNG,BMP……
图像标签学习
Salin selepas log masuk
超链接标签及应用
a标签
href:必填,表示要跳转到那个界面 target:表示新标签页在哪里打开(默认在当前标签) 锚链接 (页面内的跳转) 功能性链接 举例:
行内元素和块元素
块元素无论内容多少,该元素独占一行 例如(p/h1-h6……) 行内元素内容撑开宽度,左右都是行内元素的可以排在一行 例如(a、strong、em……) 列表
列表的分类
无序列表:ol标签 有序列表:ul标签 应用范围:导航,菜单栏 自定义列表 列表中也可以实现嵌套
示例代码:
列表学习
java
java
python
c++
python
c++
学科
Java
Python
C++
地点
陕西
河南
曹县
Salin selepas log masuk
表格标签
表格学习
1-1
2-1
2-2
2-3
2-4
3-1
3-2
3-3
Salin selepas log masuk
媒体元素
媒体元素学习
Salin selepas log masuk
页面结构分析
元素名 描 述 header 标题头部区域的内容(用于整个页面或页面中的一块区域) footer 标题脚部区域的内容(用于整个页面或页面中的一块区域) section Web页面中的一块独立区域 article 独立的文章内容 aside 相关内容或应用(常用于侧边栏) nav 导航类的辅助内容
iframe内联框架
iframe内联框架学习
Salin selepas log masuk
HTML表单
表单语法:
表单formaction:表单提交的位置,可以是网站,也可以是一个请求处理的地址 method:post,get提交方式get:我们可以在url中看到我们提交的信息,不安全,高效 post:在url看不到提交的信息,安全,可以传输大文件。
表单基本控件示例代码 :
表单学习--登录注册
注册
Salin selepas log masuk
表单的应用
隐藏域:hidden
只读:readonly
禁用:disabled
表单初级验证
常用方式:
placeholder:提示信息,用在输入框控件中
required:不能为空,必须有值才能提交,用在输入框控件
pattern:正则表达式验证
相关推荐:《html视频教程 》
以上是HTML超文本标记语言--超在那里?(文档分析)的详细内容。更多信息请关注PHP中文网其他相关文章!
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn