首页 > 其他分享 >第一篇:前端基础之HTML

第一篇:前端基础之HTML

时间:2023-12-10 22:14:54浏览次数:26  
标签:body 第一篇 标签 前端 元素 HTML 文档 头部

HTML文档标准结构:

  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. this is my second html...
  6. </body>
  7. </html>
  【1】html标签 定义 HTML 文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其它元素要包裹在它里面,标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。   【2】head标签---》里面放的是页面的配置信息 head标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分: <title>、<meta>、<link>、<style>、 <script>、 <base>。 应该把 <head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签之前。 文档的头部经常会包含一些 <meta> 标签,用来告诉浏览器关于文档的附加信息。   【3】body标签---》里面放的就是页面上展示出来的内容 body 元素是定义文档的主体。body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)body是用在网页中的一种HTML标签,标签是用在网页中的一种HTML标签,表示网页的主体部分,也就是用户可以看到的内容,可以包含文本、图片、音频、视频等各种内容!  

body内常用标签

<html>
        <!-- 这是一个注释,注释的快捷键是ctrl+shift+/-->
        <!--
                head标签中:放入:页面的配置信息
                head标签中可以加入:
                <title>、<meta>、<link>、<style>、 <script>、 <base>。
        -->
        <head>
                <!--页面标题-->
                <title>百度一下,你就知道</title>
                <!--设置页面的编码,防止乱码现象
                        利用meta标签,
                        charset="utf-8" 这是属性,以键值对的形式给出  k=v a=b 
                        告诉浏览器用utf-8来解析这个html文档
                -->
                <meta charset="utf-8" /><!--简写-->
                <!--繁写形式:(了解)-->
                <!--<meta http-equiv="content-type" content="text/html;charset=utf-8" />-->
                <!--页面刷新效果-->
                <!--<meta http-equiv="refresh" content="3;https://www.baidu.com" />-->
                <!--页面作者-->
                <meta name="author" content="msb;[email protected]" />
                <!--设置页面搜索的关键字-->
                <meta name="keywords" content="教育;线上培训;架构师课程" />
                <!--页面描述-->
                <meta name="description" content="教育详情页" />
                <!--link标签引入外部资源-->
                <link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon" />
        </head>
        <!--
                body标签中:放入:页面展示的内容
        -->
        <body>
                this is a html..你好
        </body>
</html>
View Code

 

标签:body,第一篇,标签,前端,元素,HTML,文档,头部
From: https://www.cnblogs.com/luspace/p/17893330.html

相关文章

  • 迎接新的篇章 —— 我在博客园的第一篇博客
    大家好,欢迎来到我的博客!这是我在博客园的第一篇博客,很高兴能够与大家分享我的学习、经验和兴趣。让我简单介绍一下自己。我是一名热爱编程的Java后端开发者,喜欢探索新技术、挑战自我。通过不断的学习和实践,我积累了丰富的Java后端开发经验,擅长构建可扩展、高性能的应用程序。编程......
  • burp技术主题基本技能之使用HTML编码与前导零进行xss bypass
    使用编码对攻击进行模糊处理https://portswigger.net/web-security/all-topicsburp官网所有技术主题基础技能URLdecoded服务器端;HTMLdecoded客户端inputfilters输入过滤器:还需要对输入进行解码,检查输入安全性为什么要编码?[...]/?search=Fish+&+Chips&有特......
  • 前端歌谣-第五拾一课-node之http模块之stream流
    前言我是歌谣微信公众号关注前端小歌谣一起学习前端知识今天继续给大家讲解node中stream模块的讲解案例constfs=require("fs")constrs=fs.createReadStream("./1.txt","utf-8")rs.on("data",(chunk)=>{console.log(chunk)})rs.on("end",()=>{......
  • 前端歌谣-第五十课-node之http模块之fs模块(续)
    前言我是歌谣微信公众号关注前端小歌谣一起学习前端知识今天继续给大家讲解node中fs模块的讲解同步创建constfs=require("fs")fs.mkdirSync("./geyao1",(err)=>{console.log(err)if(err&&err.code==="EEXIST"){console.log("目录已经存在")}})运行......
  • 前端相关网站
    ##css常见框架bootstraphttps://get.foundation/https://purecss.io/https://tailwindcss.com/https://getuikit.com/https://andybrewer.github.io/mvp/   ##前端相关网站Bootstrap官方网站https://getbootstrap.com/Bootstrap5基础》,丹尼尔-福尔曼著  ......
  • 基于Html+腾讯云播SDK开发的m3u8播放器
    周末业余时间在家无事,学习了一下腾讯的云播放sdk,并制作了一个小demo(m3u8播放器),该在线工具是基于腾讯的云播sdk开发的,云播sdk非常牛,可以支持多种播放格式。预览地址m3u8player.org源码地址https://github.com/geeeeeeeek/m3u8player开发步骤第一步:集成播放器SDK:播放器SDK......
  • (转载-自用)前端面试题
    一、CSS  1.说一下CSS的盒模型。    在HTML页面中的所有元素都可以看成是一个盒子    盒子的组成:内容content、内边距padding、边框border、外边距margin    盒模型的类型:      标准盒模型        margin+borde......
  • 前端命名规范
    学习网址:https://developer.aliyun.com/article/1368230?spm=a2c6h.12873639.article-detail.52.44203afcWqU9Z9&scm=20140722.ID_community@@article@@1368230._.ID_community@@article@@1368230-OR_rec-V_1-RL_community@@article@@1391402#slide-9https://developer.aliyu......
  • 【前端框架Vue】Vue是什么?怎么用?
    Vue是JS的一种框架,用于构建用户界面的JS框架。可以理解为,Vue通过指令和模板语法,将数据和HTML模板关联起来,实现一种响应式的数据驱动视图的方式Vue是什么?Vue是JS的一种框架,用于构建用户界面的JS框架。可以理解为,Vue通过指令和模板语法,将数据和HTML模板关联起来,实现一种响应式的......
  • 前端歌谣-第四拾九课-node之http模块之fs模块
    前言我是歌谣微信公众号关注前端小歌谣一起学习前端知识今天继续给大家讲解node中fs模块的讲解创建文件constfs=require("fs")fs.mkdir("./geyao",(err)=>{console.log(err)if(err&&err.code==="EEXIST"){console.log("目录已经存在")}})运行结果重命......