当前位置: 首页 > news >正文

编写第一个HTML5文件

1.3.1 HTML文件的编写方法
编写HTML文件主要有如下3种方法:
手工直接编写
由于HTML语言编写的文件是标准的ASCII文本文件,所以我们可以使用任何的文本编辑器来打开并编写HTML文件,如Windows系统中自带的记事本。
使用可视化软件
WebStorm、Dreamweaver、Sublime等软件均可以可视化的方式进行网页的编辑制作。
由Web服务器一方实时动态生成
这需要进行后端的网页编程来实现,如JSP、Asp,PHP等,一般情况下都需要数据库的配合。
1.3.2 手工编写页面
下面先使用记事本来编写我们的第一个HTML文件。步骤如下:
(1)选择“开始”→“程序”→“附件”→“记事本”
程序,如图1.5所示。
编写第一个HTML5文件
图1.5记事本
(2)在记事本中直接键入下面的HTML代码:

01  <html>
02  <head>
03  <title>简单的HTML文件</title>
04  </head>
05  <body text="blue">
06  <h2 align="center">HTML5初露端倪</h2>
07  <hr>
08  <p>让我们一起体验超炫的HTML5旅程吧</p>
09  </body>
10  </html>

(3)输入代码后,记事本中显示出代码的内容,如图1.6所示。
编写第一个HTML5文件
图1.6显示了代码的记事本
(4)打开记事本菜单中的“文件→保存”命令,弹出如图1.7所示的“另存为”对话框。
编写第一个HTML5文件
图1.7“另存为”对话框
(5)在对话框中选择存盘的文件夹,然后在“保存类型”中选择“所有文件”,在“编码”中选择UTF-8,这里将“文件名”1-2.html,然后单击“保存”按钮。

转载于:https://blog.51cto.com/13423192/2063625

相关文章:

  • Spring学习笔记下载
  • Wordcloud各参数含义
  • Android多工程(project)开发实例
  • eclipse中项目svn转gitLab全过程
  • webRTC开启摄像头
  • 白话 KMP 算法
  • python web开发之flask框架学习(2) 加载模版
  • 异步任务 -- FutureTask
  • (二)学习JVM —— 垃圾回收机制
  • 搭建私有CA和证书认证
  • Linux rpm 命令参数使用详解
  • 智能合约开发环境搭建及Hello World合约
  • zookeeper安装部署
  • java B2B2C Springcloud多租户电子商城系统- 分布式事务
  • Shell 脚本 100 例《四》
  • python3.6+scrapy+mysql 爬虫实战
  • [iOS]Core Data浅析一 -- 启用Core Data
  • axios请求、和返回数据拦截,统一请求报错提示_012
  • Javascript 原型链
  • JavaScript设计模式与开发实践系列之策略模式
  • PAT A1120
  • Python - 闭包Closure
  • Ruby 2.x 源代码分析:扩展 概述
  • yii2中session跨域名的问题
  • 前端面试总结(at, md)
  • 前端知识点整理(待续)
  • 如何用vue打造一个移动端音乐播放器
  • 世界上最简单的无等待算法(getAndIncrement)
  • 微服务框架lagom
  • 一些css基础学习笔记
  • 在GitHub多个账号上使用不同的SSH的配置方法
  • [地铁译]使用SSD缓存应用数据——Moneta项目: 低成本优化的下一代EVCache ...
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • # Python csv、xlsx、json、二进制(MP3) 文件读写基本使用
  • #Linux(make工具和makefile文件以及makefile语法)
  • #LLM入门|Prompt#1.7_文本拓展_Expanding
  • (5)STL算法之复制
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (第61天)多租户架构(CDB/PDB)
  • (六)什么是Vite——热更新时vite、webpack做了什么
  • (每日持续更新)jdk api之FileReader基础、应用、实战
  • (七)微服务分布式云架构spring cloud - common-service 项目构建过程
  • (三)elasticsearch 源码之启动流程分析
  • (算法)Travel Information Center
  • (转)视频码率,帧率和分辨率的联系与区别
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .NET 8.0 发布到 IIS
  • .NET Framework 3.5中序列化成JSON数据及JSON数据的反序列化,以及jQuery的调用JSON
  • .NET 解决重复提交问题
  • .NET(C#) Internals: as a developer, .net framework in my eyes
  • .NET/C# 使窗口永不激活(No Activate 永不获得焦点)
  • .NET/C# 项目如何优雅地设置条件编译符号?
  • .NET国产化改造探索(一)、VMware安装银河麒麟
  • .NET建议使用的大小写命名原则
  • .NET委托:一个关于C#的睡前故事