本文介绍了如何在PyCharm中创建HTML文件，展示了HTML的基本结构，包括双标签、自闭合标签和头部标签（如title、style、script、link和Meta标签）的使用，以及元信息的设置，如编码、SEO优化等。
HTML创建及展示:
1.HTML创建:以pycharm为例 右键new点击HTML FILE创建即可
2.打开展示:右上方会提供多种浏览器(注意需要提前下载)
HTML简介:
- HTML是构造网页的骨架:几乎所有的网站都是由HTML构建而成
HTML:超文本标记语言 - HTML标签的分类: (1).双标签(有头有尾)
<a></a>
(2).自闭合标签(单标签)
<img/> - HTML文档结构: <html>
<head>编写给浏览器查看的内容</head>
<body>编写展示给用户查看的内容</body>
</html> - HTML语法注释:<!--单行注释-->
<!--
多行注释
多行注释
-->
编程工具也有注释快捷键 ctrl+?
head内常见标签:
1.title 定义网页标题
2.style style 定义内部样式表 内部支持css代码
对所有H1标签显示绿黄色
3.script 定义JS代码或通过src属性导入外部JS文件
4.link 通过href属性引入外部的css文件:
<link rel="stylesheet" href="css/01.css">
5.Meta标签:
<meta>元素可提供有关页面的元信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> 关键词检索 <meta name="description" content="老男孩教育Python学院">网面介绍
定义编码<meta charset="UTF-8">
<!--指定文档的编码类型(需要知道)--> <meta http-equiv="content-Type" charset=UTF8"> <!--2秒后跳转到对应的网址，注意引号(了解)--> <meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com"> <!--告诉IE以最高级模式渲染文档(了解)--> <meta http-equiv="x-ua-compatible" content="IE=edge">
扫一扫
215
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
