01HTML基础

已于 2023-07-10 09:05:11 修改
阅读量35 收藏
点赞数 1
文章标签： html 前端
于 2023-07-07 18:35:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53971197/article/details/131600515
版权

HTML基础

    <!DOCTYPE html>

含义:声明当前文档类型是 html5 标注的文档。

这样浏览器在解析渲染的时候会按照h5的标准解析。

一、head标签

<head>
    <meta charset="UTF-8">
    <meta author="小狗爱吃土豆">
    <meta keywords="小狗,喜欢,土豆">
    <meta description="网站的描述...">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>head标签</title>
</head>

head标签中的内容 不会渲染在页面中

<meta />作用是:设置网站的源信息

  • charset 属性

    用来定义文本的编码格式

    • UTF-8 万国码 ，目前开发中最常用
    • gb2312：中文码

    通常都把charset 的值设置成UTF-8，如果不设置charset属性，可能会导致页面乱码，解决方案是设置成UFT-8即可。

  • author 属性

    用来定义网站的作者，一般是公司的名字

  • keywords 属性

    用来定义网站的关键字，如果有多个关键字，用英文逗号隔开，关键字最好不要超过10个

    精准的keywords值，更加有利于SEO（搜索引擎优化）

  • description 属性

    用来简单的描述网站的内容，不要超过100字，有利于SEO

meta的另一种写法
<meta name="属性名" content="属性值"/>

二、title 标签

是一个双标签，SEO权重很大，因此要谨慎书写里面的内容

三、body 标签

标签里面的内容，会渲染在页面的可视区域

小狗爱吃土豆儿~
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
一、WEB安全 01——HTML基础
qwsn
07-05 2016
一、WEB安全01——HTML基础 1、HTML基础 01——HTML页面结构、HTML标签、文本属性 （1）简单的HTML页面结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> //charset编码的值有：gbk
【web前端HTML5+CSS3】01HTML--基础知识
weixin_58214412的博客
02-18 8万+
目录 1.网页简史 2.HTML简介 3. 文档的使用 4.VScode的安装 5.实体 6. meta标签 7.语义化标签 8.块和行内 9.列表标签 10.超链接标签 11.相对路径 12.图片标签 13.内联框架 14.音视频标签 1.网页简史 2.HTML简介 <html> <head> <title>这是我的第二个网页</tit...
html基础
qq_40181206的博客
10-03 2万+
HTML html骨架结构 <!--声明文档类型，告诉浏览器按照哪个版本的html解析--> <!DOCTYPE html> <html lang='en'> <!--lang=zh-CN 用于搜索引擎看的--> <head> <meta charset='UTF-8'> <!--元信息 不是...
HTML入门基础
『愚』的博客
10-26 8340
HTML学习HTML简介html文本的内部基本结构html的注释标题标签 ，段落标签，水平线，换行，加粗，斜体列表标签图像标签绝对路径和相对路径绝对路径相对路径链接标签 HTML简介 HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 html文本的内部基本结构 <!-- 文档声明，是
Web全栈~01.HTML基础元素
qq_41424688的博客
01-04 1万+
JavaWeb~01.HTML基础元素 一 : 标题        标题（Heading）是通过 < h1 >- < h6 > 标签进行定义的。        < h1 > 定义最大的标题。 < h6 > 定义最小的标题。 <!DOCTYPE html> <html> 　　<head>
HTML基础知识总结
ss810540895的博客
05-05 7720
是告诉浏览器这是html文档的开始。Html文档的最后一个标签是之间的文本是头部信息，在之间的文本是文档标题，会显示在浏览器的窗口的标题栏。设置网页编码的语句为，是在
Web前端基础（01）
努力是为了站在万人之中，成为别人的光
07-30 1万+
web前端 10天 HTML 学习如何搭建页面结构和内容 (盖房子 毛坯房) CSS 学习如何美化页面 (装修) JavaScript 学习如何给页面添加动态效果 jQuery JS语言框架,简化原生JS开发 Bootstrap 前端框架对html/css/JavaScript/jQuery进行封装,目的是提高前端页面的开发效率 项目页面 HTML HyperTextMarkupLanguage: 超文本标记语言 超文本:指不仅仅是纯文本 还包括各种字体效果和多媒体(图片,音频,视.
前端基础，超全html常用标签大汇总
Rosia629的博客
10-15 6862
新手一天搞定html常用标签，超全汇总，快来学习~
安全基础 --- html标签 + 编码（01）
weixin_62443409的博客
07-30 1万+
标签用来折叠内容，浏览器会折叠显示该标签的内容。
纯HTML+CSS网页设计期末作业（个人网站）
热门推荐
weixin_47138646的博客
11-14 29万+
目录纯HTML+CSS网页设计期末作业（个人网站）效果展示源码index.htmlindex.cssabout.htmlhobbies.htmlhobbies.cssme.htmlme.cssbook1.htmlbook.csssongci.htmlsongci.css缺陷 纯HTML+CSS网页设计期末作业（个人网站） 效果展示 index 页面 about 页面 hobbies 页面 书籍介绍页面 元曲介绍页面 源码 index.html <!DOCTYPE html> <h
Lesson01_01 HTML基础
10-31
Lesson01_01 HTML基础
01HTML基础及常用标签.pdf
09-25
今天整理电脑时，发现点以前的课件，这是web前端开发html基础课件！以前拾伍用的，现在分享一下！希望有用！
day01html基础1总结.xmind
07-18
day01html基础1总结.xmind
01html.xmind
07-10
01html.xmind
html01基础学习.md
10-16
html01基础学习
交互式流程图组件DHTMLX Diagram v6.0 - 拥有更灵活的高度可定制功能
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
06-04 443
本文将为大家介绍交互式流程图组件DHTMLX Diagram v6.0发布的一些新功能，欢迎下载最新版体验！
HTML静态网页成品作业(HTML+CSS)—— 节日母亲节介绍网页(5个页面)
最新发布
weixin_42283461的博客
06-07 330
HTML静态网页成品作业(HTML+CSS)—— 节日母亲节介绍网页(5个页面)
HTML (总结黑马的)
SKL4399的博客
06-01 1264
img src="./cat.jpg" alt="替换文本" title="提示文本"> 替换文本是图片没有显示的时候显示对应的文字；定义列表： 标签：dl 嵌套 dt 和 dd，dl 是定义列表，dt 是定义列表的标题，dd 是定义列表的描述 / 详情 类似于苹果官网最下面的那个效果。 女。
CSS（盒子模型，定位，浮动，扩展）
m0_57463864的博客
06-04 1096
*绝对定位：不保留原有位置，向上找寻父级标签，判断父级标签是否有position属性，如果有就按照父级标签进行位移，如果没有就继续向上找寻父级标签，直到body标签为止，就按照body标签进行位移*/绝对定位：不保留原有位置，向上找寻父级标签，判断父级标签是否有position属性，如果有就按照父级标签进行位移，如果没有就继续向上找寻父级标签，直到body标签为止，就按照body标签进行位移。设置外边距 - 下边距。设置外边距 - 右边距。设置外边距 - 左边距。设置外边距 - 上边距。
学生作业管理系统html
05-22
对于学生作业管理系统的HTML，我可以提供一些基本的页面结构和元素，但具体...这些页面只是基础的页面骨架，具体的设计和功能需要根据实际需求进行定制。另外，还需要注意网站的响应式设计，以适应不同设备的屏幕大小。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值