以下是HTML(超文本标记语言)编写的基本程序说明:
文档结构搭建
声明:这是HTML5文档类型声明,放在文档最开头,告知浏览器按照HTML5标准来解析页面。例如:
html
标签:整个HTML文档内容都包裹在 与 标签内,它是根标签,像这样:
和标签:
-
这是网页里显示的一段文字。
完整基础结构就是:
常用标签介绍
标题标签:
段落标签:
标签用来定义段落,浏览器会自动在段落之间添加一些间距,比如:
这是第一段文字内容。
这是第二段文字内容。
链接标签: 标签创建超链接,通过 href 属性指定链接的目标地址,例如:
点击访问示例网站
图像标签: 标签用于在网页中插入图片,需要通过 src 属性指定图片的来源路径,像:
alt 属性用于在图片无法显示时显示替代文字。
列表标签:
- 无序列表用
- 有序列表则用
表格标签:
还可以使用
表单标签(用于收集用户信息)
标签:作为表单的容器,规定了表单的开始和结束,通过 action 属性指定表单提交的地址, method 属性指定提交方法(如 get 或 post ),示例:
文本输入框: 标签,设置 type="text" 可创建文本输入框,比如:
placeholder 属性显示提示文字。
密码输入框:同样是 标签,设置 type="password" 用于输入密码,如:
单选按钮: 标签, type="radio" ,多个单选按钮需有相同的 name 属性来分组,例如:
男
女
复选框: 标签, type="checkbox" ,可以选择多个选项,比如:
选项1
选项2
提交按钮: 标签, type="submit" ,用于提交表单内容,像:
样式应用(简单介绍)
内联样式:在HTML标签内通过 style 属性直接添加样式规则,例如:
这段文字是红色,16像素大小。
内部样式表:在
外部样式表:创建一个单独的 .css 文件,在
脚本应用(简单介绍)
内联脚本:在HTML页面中直接通过
外部脚本:创建一个单独的 .js 文件,在
以上就是HTML编写的基本程序说明内容,通过合理运用这些标签、样式及脚本知识,可以构建出丰富多样的网页。
目录
以下是HTML(超文本标记语言)编写的基本程序说明:
文档结构搭建
声明:这是HTML5文档类型声明,放在文档最开头,告知浏览器按照HTML5标准来解析页面。例如:
html
标签:整个HTML文档内容都包裹在 与 标签内,它是根标签,像这样:
html
和标签:
-
标签用于存放页面的元信息,如页面标题、样式表链接、脚本引入等,不会直接在浏览器页面展示内容。例如:html
-
标签内放置的是在浏览器中实际可见、可交互的网页内容,像文本、图片、链接等,示例如下:html
这是网页里显示的一段文字。
完整基础结构就是:
html
这是网页里显示的一段文字。
常用标签介绍
标题标签:
-
到
用于定义不同级别的标题,
是最重要、字号最大的标题,依次递减,例如:
html
一级标题
二级标题
段落标签:
标签用来定义段落,浏览器会自动在段落之间添加一些间距,比如:
html
这是第一段文字内容。
这是第二段文字内容。
链接标签: 标签创建超链接,通过 href 属性指定链接的目标地址,例如:
html
点击访问示例网站
图像标签: 标签用于在网页中插入图片,需要通过 src 属性指定图片的来源路径,像:
html
alt 属性用于在图片无法显示时显示替代文字。
列表标签:
- 无序列表用
标签,里面每个列表项用- 标签,如:
- 列表项1
- 列表项2
html
- 有序列表则用
标签搭配- 标签,例如:
- 第一项
- 第二项
标签定义表格整体, 表示表格行, 表示表格单元格,例如:
单元格1
单元格2
单元格3
单元格4
标签定义表头单元格,通常会加粗显示。
回复楼主(0)
点赞(1)
打赏(0)
收藏(0)
发表于:2025-01-11 19:38
- 消灭零回复
您还没有登录,登录后才可回复。
登录
注册
00:00
00:00
html
表格标签:
-
html
还可以使用
表单标签(用于收集用户信息)
标签:作为表单的容器,规定了表单的开始和结束,通过 action 属性指定表单提交的地址, method 属性指定提交方法(如 get 或 post ),示例:
html
文本输入框: 标签,设置 type="text" 可创建文本输入框,比如:
html
placeholder 属性显示提示文字。
密码输入框:同样是 标签,设置 type="password" 用于输入密码,如:
html
单选按钮: 标签, type="radio" ,多个单选按钮需有相同的 name 属性来分组,例如:
html
男
女
复选框: 标签, type="checkbox" ,可以选择多个选项,比如:
html
选项1
选项2
提交按钮: 标签, type="submit" ,用于提交表单内容,像:
html
样式应用(简单介绍)
内联样式:在HTML标签内通过 style 属性直接添加样式规则,例如:
html
这段文字是红色,16像素大小。
内部样式表:在
标签内使用外部样式表:创建一个单独的 .css 文件,在
标签内通过 标签引入,如:html
脚本应用(简单介绍)
内联脚本:在HTML页面中直接通过
外部脚本:创建一个单独的 .js 文件,在
或 标签内(通常放在页面底部)通过以上就是HTML编写的基本程序说明内容,通过合理运用这些标签、样式及脚本知识,可以构建出丰富多样的网页。
Copyright © 2022-2023南京点明软件科技有限公司
关于我们
等待播放
目录
关闭