电脑上使用html编写程序操作与讲解

以下是HTML(超文本标记语言)编写的基本程序说明:

文档结构搭建

声明:这是HTML5文档类型声明,放在文档最开头,告知浏览器按照HTML5标准来解析页面。例如:

html


 

标签:整个HTML文档内容都包裹在  与  标签内,它是根标签,像这样:

html



 

和标签:

-   标签用于存放页面的元信息,如页面标题、样式表链接、脚本引入等,不会直接在浏览器页面展示内容。例如:

html


我的网页

 

-   标签内放置的是在浏览器中实际可见、可交互的网页内容,像文本、图片、链接等,示例如下:

html


这是网页里显示的一段文字。

 

完整基础结构就是:

html


我的网页

这是网页里显示的一段文字。

 

常用标签介绍

标题标签:

-  

 到 

 用于定义不同级别的标题, 

 是最重要、字号最大的标题,依次递减,例如:

html


一级标题

二级标题

 

段落标签: 

 标签用来定义段落,浏览器会自动在段落之间添加一些间距,比如:

html


这是第一段文字内容。

这是第二段文字内容。

 

链接标签:  标签创建超链接,通过 href 属性指定链接的目标地址,例如:

html


点击访问示例网站

 

图像标签:  标签用于在网页中插入图片,需要通过 src 属性指定图片的来源路径,像:

html


示例图片

 

 alt 属性用于在图片无法显示时显示替代文字。

列表标签:

- 无序列表用 

     标签,里面每个列表项用 
  •  标签,如:

    html


    • 列表项1
    • 列表项2

     

    - 有序列表则用 

       标签搭配 
    1.  标签,例如:

      html


      1. 第一项
      2. 第二项

       

      表格标签:

      -  

       标签定义表格整体,  表示表格行, 
       表示表格单元格,例如:

      html


      单元格1单元格2
      单元格3单元格4

       

      还可以使用 

       标签定义表头单元格,通常会加粗显示。

      表单标签(用于收集用户信息)

      标签:作为表单的容器,规定了表单的开始和结束,通过 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编写的基本程序说明内容,通过合理运用这些标签、样式及脚本知识,可以构建出丰富多样的网页。

      发表于:2025-01-11 19:38
      0个回复
      • 消灭零回复
      您还没有登录,登录后才可回复。 登录 注册