HTML制作个简单的网页

article/2025/10/9 6:16:23

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

HTML文档后缀名

  • .html
  • .htm

文本域(Text Fields)
文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

密码字段
密码字段通过标签<input type="password"> 来定义。

单选按钮(Radio Buttons)
<input type="radio"> 标签定义了表单单选框选项。

提交按钮(Submit Button)
<input type="submit"> 定义了提交按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
提示:要记得有结束语比如<h1>后面要加上</h1>

  • <!DOCTYPE html> 声明为 HTML5 文档    //<!DOCTYPE>声明有助于浏览器中正确显示网页。
  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容
  • <h1> 元素定义一个大标题
  • <p> 元素定义一个段落

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签

<标签>内容</标签>

HTML头部(<head>)元素

<title> 标签定义了不同文档的标题
定义了浏览器工具栏的标题

 

先创建一个文本文档,把文本文档后缀改为.html或.htm,然后打开开始编辑,推荐使用notepad++,很好用

这制作的很简单,只是入门


http://chatgpt.dhexx.cn/article/ASVH7gda.shtml

相关文章

用HTML做一个简单漂亮的页面

HTML部分&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><meta http-equiv"X-UA-Compatibl…

Java Web-1 制作简单的网页

制作简单的网页 一、网页主要功能二、涉及到的知识点三、搭建步骤1. 首先打开mysql数据库&#xff0c;新建一个数据库test&#xff0c;然后生成对应的表结构2. 打开Eclipse新建一个web项目3. 在webroot下的WEB-INF下的lib中导入mysql和tomcat的驱动jar包4. 建立对应的包结构5. …

Js制作简单的网页

&#xfeff;&#xfeff; 一个简易的纯JS的CRM管理系统 1 概述 这是一个综合的JS开发的管理系统&#xff0c;仅有基本功能&#xff0c;大约1500行代码&#xff0c;使用本地的数据localStorage作为临时测试数据的存储&#xff0c;同时用到了sessionStorage作为用户登陆信息的存…

简易的HTML网页设计

前言&#xff1a; 超文本标记语言&#xff08;英语&#xff1a;HyperText Markup Language&#xff0c;简称&#xff1a;HTML&#xff09;是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点&#xff0c;HTML 运行在浏览器上&#xff0c;由浏览器来解…

如何制作一个简单的网页

先创建一个文本文档&#xff0c;将后缀名改为“html” 然后右击这个&#xff0c;选择打开方式&#xff0c;用记事本打开 开头与结尾要用<html>来写&#xff0c;后一个要加“/” 头部用head&#xff0c;中间部分用body。 背景颜色用bgcolor"填一种颜色" 字体…

web前端简易网页制作

简易旅游网&#xff0c;静态网页制作 页面效果 代码如下 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewp…

一个简单的网页设计HTML5作业

前言&#xff1a; HTML5是Web中核心语言HTML的规范&#xff0c;用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的&#xff0c;在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进&#xff0c;虽然技术人员在开发…

HTML——简单的网站首页

学习记录帖(一) 简单的网站首页 这是我的一个记录帖,我是按照黑马程序员的视频学习的。 使用的是HBuilder,学习了html & css & js & jq & bootstrap。 成果 代码 <!DOCTYPE html> <html><head><meta charset="UTF-8"&g…

自己动手设计一个简单的HTML网页

目录 HTML介绍 HTML难不难&#xff1f; HTML重要吗&#xff1f; 示例网页 网页显示效果 写在最后 HTML介绍 HTML是英文单词&#xff08;HyperText Markup Language&#xff09;的缩写&#xff0c;也就是超文本标记语言&#xff0c;之所以称之为超文本&#xff0c;那是因…

HTML创作简单网页

今天一天的学习&#xff0c;了解的html基本的网页制作&#xff0c;可以通过一些简单的命令来制作一个简单的网 页&#xff0c;但是我们要先了解这些知识 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编…

简单的网页

制作一个简单的网页&#xff0c;首先需要下载安装好Dw软件&#xff0c;因为太简单就直接跳过进入正题。 1.首先打开Dw软件&#xff0c;在最上面的栏目中找到站点 2.点击选择新建站点 3.可以看到里面有一个站点名称&#xff0c;我命名为简单的网页站点。下方的本地站名文件夹最右…

Web入门(1)——制作简单的网页

文章目录 安装基础软件设计网站外观做出计划绘制草图选定内容文本主题颜色图像字体 处理文件网站应保存在何处&#xff1f;关于大小写和空格的提示网站应该使用什么结构&#xff1f;文件路径 安装基础软件 计算机WebStormWeb浏览器&#xff1a;Microsoft Edge图像编辑器版本控…

使用HTML+CSS制作一个简单的网页

简单学习了一下HTML和CSS&#xff0c;制作了下面这个网页&#xff08;第一次做还在学习中&#xff09;&#xff0c;里面包含一些基础的布局包括导航条、分页栏、悬浮列表等内容。 网页预览&#xff08;网页中的图片与图标均来自阿里巴巴矢量图标库&#xff09; CSS代码 里面…

简单HTML网页制作 实例

HTML网页制作 1.新建文本文档&#xff0c;以“html”结尾。 2.用html网页逻辑器打开&#xff0c;这里我们用Sublime Text打开。 Tips&#xff1a;使用 &#xff01;Tab 按键 那么就可以自动生成HTML文档模板 推荐大家使用的前端工具有 Vscode hbuilder sublime_text 等等 …

简单网页的制作

传送门链接&#xff1a; 聊聊制作网站那些事 开头先开个小灶&#xff1a;响应式网站 响应式网站就是让网页自适应手机端和PC端&#xff0c;是一种网络页面设计布局&#xff0c;其理念是:集中创建页面的图片排版大小&#xff0c;可以智能地根据用户行为以及使用的设备环境进行…

用html制作简易网页

一.案例展示 案例图展与项目位置如下&#xff1a; 二、使用步骤 1.HTML代码&#xff1a; 代码如下&#xff1a; 圣诞节案例&#xff1a;<!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta http-equiv&…

html简单的网页制作

1.用html做一个简单的网页&#xff0c;需要注意布局&#xff0c;布局就需要好好运用css 下面是我做的一个页面效果图&#xff1a; 还有一些不够完善的地方&#xff0c;需要继续摸索努力。下面上代码: <html> <head><meta charset"utf-8"><ti…

一个简单完整的网页

获得源码链接&#xff0c;点击这里https://github.com/suviwang312/SimpleFullPage 网页头部banner和信息部分新闻部分底部 一 头部 效果&#xff1a; 先对css进行初始化 分析&#xff1a;头部有一张图片和一个input输入框还有一个按钮下面的通栏 因为用到左浮&#xff0c…

【手把手】制作一个简单的HTML网页

前些天发现了一个巨牛的人工智能学习博客&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转 新建一个html文件&#xff1a; 我要给body添加一些样式&#xff0c;就在head元素上挂载一个style元素。 然后&#xff0c;写样式表&#xff1a; 效…

HTML写一个简单网页

最近学习了一点HTML&#xff0c;闲来无事写个网页看看&#xff0c; 欢迎、改进、留言。 演示地点&#xff1a;跳转到演示地点 一、初始化页面 body,button,dd,dl, dt,form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,a,div,span {m…