首页 > 其他分享 >HTML代码第一课

HTML代码第一课

时间:2024-04-16 15:34:05浏览次数:16  
标签:浏览器 开发工具 标签 代码 第一课 HTML 文档

HTML可以用记事本来写代码,但是为了符合浏览器W3C规范,我们写代码都会用到专业的开发工具。写前端代码可以用Hbuilder和Visual Studio等等开发工具。不管是哪种开发工具,HTML的写法规范都是一样的,都包含以下基本格式:

1. <DOCTYPE html>
2. 	<html>
3. 		<head>
4. 			<meta charset="UTF-8">
5. 			<title>浏览器网页标题栏</title>
6. 		</head>
8. 		<body>
9. 			这里是浏览器窗口主体部分
10. 		</body>
12. 	</html>

以上代码第1行是申明文档类型的,目的是为了告诉浏览器这是一个需要用Html5解析的文档。
第2行和第12行是一对标签,是一起的,同理,第3行和第6行、第8行和第10行、第5行也是一对标签,成对存在,前者为开始标签,后者为结束标签。其中,html是声明html文档的,head是它的头部(相当于人的思想,不会显示在浏览器中),body才是它的主体内容(相当于人的肉体,能展示在浏览器中)。title里面的是浏览器的网页标题,在窗口页面是看不见的,但是能在打开网页的时候在网站网址上方的标题栏看见。至于meta,是一个单标签,它单独存在,开始标签就包含了结束。

标签:浏览器,开发工具,标签,代码,第一课,HTML,文档
From: https://www.cnblogs.com/Cara-Smith/p/18138272

相关文章

  • vscode 代码格式化设置
    1.设置默认格式化工具ctrl+shift+P,筛选“FormatDocument”,设置Prettier为默认、 2.设置保存自动格式化打开VSCode,并打开你想要格式化的代码文件。在菜单栏中,选择“文件”>“首选项”>“设置”(快捷键Ctrl+,)。在搜索框中输入“formatonsave”,然后点击“编辑insett......
  • 华为实习4.10机考第二题C++代码
    考的是简单的并查集这道题考法就是并查集,若两个图片相似度大于0,则将他们放到一个家族中,同时维护家族的相似度总和。注意M矩阵是对称矩阵,所以需要避免重复维护相似度,因此可以只针对M矩阵的下三角矩阵或上三角矩阵中的连接块,计算相似度总和;或考虑整个M矩阵,然后相似度总和除......
  • C++身份核验接口代码、身份证OCR、身份证实名认证API
    实名认证是什么意思呢?一般指的是对用户资料真实性进行的验证审核,这样有利于建立完善且可靠的互联网环境。如果交易双方使用的都是虚假信息,那么在诸多环节会存在很大的风险。另外,还有游戏平台对玩家进行实名认证,防止未成年人注册。实名认证有利于网络绿化,所以在互联网发展......
  • Python Flask+Pandas读取excel显示到html网页: CSS控制表格样式
    前言全局说明CSS控制表格样式一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563修改内容后,要重启flask服务,修改才能生效四、CSS控制表格样式4.1.2文件名:index.pyfrom......
  • Python Flask+Pandas读取excel显示到html网页:CSS控制表格样式
    前言全局说明一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563四、CSS控制表格样式4.1.2文件名:index.pyfromflaskimportFlaskapp=Flask(__name__)@app.route("/excel......
  • 28天【代码随想录算法训练营34期】第七章 回溯算法 (● 93.复原IP地址 ● 78.子集
    93.复原IP地址classSolution:defrestoreIpAddresses(self,s:str)->List[str]:result=[]self.backtracking(s,[],0,result)returnresultdefbacktracking(self,s,path,index,result):ifindex>=len(s......
  • Python Flask+Pandas读取excel显示到html网页: 没有excle文件提示
    前言全局说明一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563四、没有excle文件提示4.1.2文件名:index.py添加tryexcept获取没有文件的异常fromflaskimportFlaskapp......
  • Git代码迁移到新仓库
    在本地原项目的仓库地址操作,打开cmd执行迁移操作。若本地无仓库,需要先下载下来:gitclonehttps://git.XXX/projectA.gitgitcheckoutdev添加需要迁移的远程仓库Bgitremoteaddproject_Bhttp://git.xxxx/projectB.git把project_B远程仓库中数据抓取到本仓库gitfet......
  • Python Flask+Pandas读取excel显示到html网页: 环境搭建显示内容
    前言全局说明一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563Pandas安装https://www.cnblogs.com/wutou/p/17811839.html四、环境搭建4.1.2文件名:index.pyfromflaskimp......
  • 关于内存泄漏和代码优化
    最近在用selenium对网页上的数据进行爬取时发现,通过pyinstaller打包成的.exe文件运行时速度越来越慢,通过查找任务管理器里的句柄数,发现可能存在内存泄漏的原因,记录一下关于内存泄漏的处理方法和代码优化1.内存泄漏如果您怀疑代码可能存在内存泄漏,可以尝试跟踪内存分配:这里我用......