自学前端第四天:HTML基本标签(一)

最新推荐文章于 2023-01-04 23:52:32 发布

AKA俄语人Лев

最新推荐文章于 2023-01-04 23:52:32 发布

阅读量107

点赞数

分类专栏：前端HTML+CSS基础文章标签： html css

本文链接：https://blog.csdn.net/weixin_47592060/article/details/112513951

版权

前端HTML+CSS基础专栏收录该内容

34 篇文章 6 订阅

订阅专栏

自学前端第二天

6.3 HTML基础标签

一、新建html文件并且通过vscode打开进行编辑和保存

二、HTML文档

文档版本 docType HTML1.0 HTML4.0 XHTML1.0 HTML5

<!doctype html>

三.标签<TAG`>

单标签 <!doctype html> / 双标签 </html’>

HTML标签

网页的大包围整体网页内容的外衣所有的网页文档内容都要写在 html标签内
- HEAD标签(包含元和标题标签)
  
  用来设置网页基本和附加信息的标签网页的大脑
  - 一.meta 元标签:
    
    [1] .语法格式：< meta name =“关键字/摘要” content=“xx” '> ：代表元标签。
    
    设置网页信息 meta charset = “utf-8” 设置网页编码集 UTF-8 国际编码支持中文
    
    meta name=‘keywords’ content=“关键字内容” 让用户可以通过关键字在搜索引擎中找到我们的网页
    
    meta name='description ’ content=“用一句话描述本网页” 让用户可以直观了解网页内容也是打广告的好地方
    [2].meta原标签具体作用:
    1. meta元标签是使用在网页的head标签之间的一种HTML单标签，主要包括字符设置标签、关键词标签和描述标签，现在最常用的也是这三类。与其它的HTML标签不同，元标签不会在页面的任何地方显示出来，所以绝大多数的访问者并不会看到它的存在，而且对网站的权威度是没有影响的。
    2、不同的元标签起着不同的作用，但都是用来提供关于页面的基本附加信息。比如，description元标签提供页面内容的摘要信息。
    
    <meta’> 元标签提供描述一个HTML页面的宏信息，元标签虽然不会显示在网页，但计算机是会处理这些标签的。包括描述、关键词、页面作者、最后修改事件等其它宏信息。
    
    3、使用元标签还是有特别好的地方，特别是在与搜索引擎的蜘蛛交流的时候。
    
    （SEO（Search Engine Optimization）：搜索引擎优化）
  - 二.title标签
    
    设置网页标题
- BODY标签
  
  网页主题内容展示区域所有的基本信息!!!

四.网页三要素

让搜索引擎能够收录网页

<meta name="keywords" content="前端,海牙,新手">
  <meta name='description' content="">
  <title>我是标题前端</title>

<!doctype html>
<!--第1步、强调告诉browser你的文档类型是 html5 -->
<html>
<!--第2步、html根标签就说明你要开始一个网页根结构-->

<head>
    <!--第3步、写一个网页的头部，包括如下元meta标签和标题title标签-->
    <!-- ①下面设置网页的宏观信息，即meta元标签 -->
    <meta charset="utf-8"> <!-- 字符语言设置 -->
    <meta name="keywords" content=""> <!-- 关键字设置提高SEO -->
    <meta name="description" content=""> <!-- 网页摘要设置 -->
    <!-- ②接着轮到标题了 -->
    <title> 这是网页标题 </title>

</head>

<body>
    <h1> 个人信息简介 </h1>
    Hello,大家好我叫涂岳新,来自广东韶关
    <p>是一条水鱼</p>
    

</body>

</html>

书写格式：

编程当中所有符号都要使用英文半角符号设置输入法中文时使用英文标点（上图左下角有）
单双引号无所谓用哪个但是要从一而终不能左边用" 右边结束用’
标签层级下级要针对上级要进行缩进 1个TAB 缩进有4空格 2空格
记不住拼写和属性名称敲敲敲敲敲
注释 HTML ：

①Alt + / 代码行注释

②alt +shift + a 代码块注释

设置vscode禁用代码补全和提示:(新手可针对性练习)

打开vscode
ctrl+shift+p
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-svrWxeDC-1610422448683)(assets/1591195862943.png)]

 "editor.quickSuggestions": false,
  "editor.parameterHints": false,
  "editor.wordBasedSuggestions": false,
  "editor.snippetSuggestions": "none",
  // 控制键入时是否应自动显示建议
  // "editor.quickSuggestions": {
  //   "other": false,
  //   "comments": false,
  //   "strings": false
  // },
  // 控制键入触发器字符时是否应自动显示建议
  "editor.suggestOnTriggerCharacters": false,
  "files.autoSave": "off",
  // 控制是否根据文档中的文字计算自动完成列表。

false
// },
// 控制键入触发器字符时是否应自动显示建议
“editor.suggestOnTriggerCharacters”: false,
“files.autoSave”: “off”,
// 控制是否根据文档中的文字计算自动完成列表。

AKA俄语人Лев

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自学前端第四天:HTML基本标签(一)

课堂笔记6.3 HTML基础标签一、新建html文件并且通过vscode打开进行编辑和保存二、HTML文档文档版本 docType HTML1.0 HTML4.0 XHTML1.0 HTML5<!doctype html> 三.标签<TAG`>单标签 <!doctype html> / 双标签 </html’>HTML标签网页的大包围整体网页内容的外衣所有的网页文档内容都要写在 html标签内
复制链接

扫一扫

专栏目录