电脑上使用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个回复
      • 消灭零回复
      您还没有登录,登录后才可回复。 登录 注册