day06.02.HTML基础标签

追梦女孩ii

已于 2024-07-18 20:48:22 修改

阅读量128

点赞数 3

分类专栏： HTML 一阶段day06 一阶段文章标签： python 数据分析 html 前端算法

于 2024-06-18 13:21:59 首次发布

本文链接：https://blog.csdn.net/m0_61566562/article/details/139770618

版权

一阶段同时被 3 个专栏收录

43 篇文章 0 订阅

订阅专栏

HTML

23 篇文章 0 订阅

订阅专栏

一阶段day06

11 篇文章 0 订阅

订阅专栏

<!--
一、今日学习内容：网页相关知识，为后边爬虫打基础
前端由三个部分组成： HTML + CSS + JavaScript(跟Python相似，想完全学会爬虫，需要掌握它，需要可以找ls要资料)
    了解即可，不了解也没关系：
        页面上的 script 是JS语言JavaScript的语言
        faction(){}是JavaScript的匿名函数 var是他的变量，等于什么值
        #style super 框架
        .号开头的是css不用管
    主要了解HTML
二、两种查看网页代码的方式：
1.打开网页，页面空白处右键点击查看网页源代码 例如百度 www.baidu.com
2.打开网页，页面空白处右键点击检查，做了结构化，更方便查看

三、安装插件
搜索 CSS 安装  WebCalm:JavaScript and CSS
-->


<!--
四、HTML 基础标签    必须先有HTML，才有CSS
基础结构
        <!DOCTYPE html>                      --> 声明文档类型
        < lang="en">                     --> 说明写的是 HTML 标记语言 ，最外层的这个<html lang="en">称为根标签/根标记       
        <head>                     --> head文件头部数据头部信息
            <meta charset="UTF-8">         --> 声明编码格式，有 gb2312 utf-8 GBK 等等 charset是字符集
                                                gb2312 是比较老的网站 十年二十年之前的
                                                最常见的是utf-8 国际编码，通用的，如记事本文件等等，现在新建的一般都会用这种格式
                                                GBK 针对中国一些汉字的编码
            <title>你的标题</title>       --> title 页面标题，显示在状态栏上的内容
        </head>                      --> head 写文件主体，所要写的内容，不显示在网页中的内容
        <body>
        
        </body>
        </html>
    说明：结构中的<>都是固定的语法，称为标签/标记 语法：<></> 空白开头/斜杠结尾；
        在这个结构里，缩进和不缩进不会报错，没有严格的规定。缩进只是为了查看代码的时候看得更清楚
        这个文件的展示是在浏览器上的，可以打开右上角的浏览器浮标，优先谷歌，或者自带的edge（市场份额最大），页面更新后可以点击网页刷新查看。
        注释：ctrl + /
        所有的内容都需要用标签包裹起来
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你的标题</title>
</head>
<body>
<!--    一般在body里面写显示在网页里的内容     -->
    hello Rose!
<!-- ctrl + /  添加注释
    多行注释
标签介绍：
    双标签/双标记： <head></head>
    单标签/单标记/空标记  <meta>   只有一个，里面不会包含其他标签了
-->
<!--    标题标签h    -->
    <h1>1级标题</h1>
    <h2>1级标题</h2>
    <h3>1级标题</h3>
    <h4>1级标题</h4>
    <h5>1级标题</h5>
    <h6>1级标题</h6>
<!--    段落标签p    -->
    <p>段落标签段落标签段落标签段落标签段落标签段落标签段落标签</p>
    <p>段落标签段落标签段落标签aa<br>bb段落标签段落标签段落标签段落标签</p>
    <p>段落标签段落标签段落标签段落标签段落标签段落标签段落标签</p>
段落标签段落标签段落标签段落标签段落标签段落标签段落标签
段落标签段落标签段落标签段落标签段落标签段落标签段落标签
段落标签段落标签段落标签段落标签段落标签段落标签段落标签

<!--
    换行 <br>
    水平分割线  <hr>
-->
    <br>
    <hr>
<!--  html中的回车换行和多个空格都会被浏览器解析为一个空格5
       &nbsp;默认为一个空格
       几个空格就复制几个 如3个 &nbsp;&nbsp;&nbsp;
 -->
    <p>hello&nbsp;&nbsp;&nbsp;&nbsp;Jack,I am Rose</p>

    <!--    加粗和斜体   -->
    <b>加粗</b> jack
    <strong>加粗</strong> jack

    <i>斜体</i>
    <em>斜体</em>


</body>
</html>

<!--
一、今日学习内容：网页相关知识，为后边爬虫打基础
前端由三个部分组成： HTML + CSS + JavaScript(跟Python相似，想完全学会爬虫，需要掌握它，需要可以找ls要资料)
    了解即可，不了解也没关系：
        页面上的 script 是JS语言JavaScript的语言
        faction(){}是JavaScript的匿名函数 var是他的变量，等于什么值
        #style super 框架
        .号开头的是css不用管
    主要了解HTML
二、两种查看网页代码的方式：
1.打开网页，页面空白处右键点击查看网页源代码 例如百度 www.baidu.com
2.打开网页，页面空白处右键点击检查，做了结构化，更方便查看

三、安装插件
搜索 CSS 安装  WebCalm:JavaScript and CSS
-->


<!--
四、HTML 基础标签    必须先有HTML，才有CSS
基础结构
        <!DOCTYPE html>                      --> 声明文档类型
        < lang="en">                     --> 说明写的是 HTML 标记语言 ，最外层的这个<html lang="en">称为根标签/根标记       
        <head>                     --> head文件头部数据头部信息
            <meta charset="UTF-8">         --> 声明编码格式，有 gb2312 utf-8 GBK 等等 charset是字符集
                                                gb2312 是比较老的网站 十年二十年之前的
                                                最常见的是utf-8 国际编码，通用的，如记事本文件等等，现在新建的一般都会用这种格式
                                                GBK 针对中国一些汉字的编码
            <title>你的标题</title>       --> title 页面标题，显示在状态栏上的内容
        </head>                      --> head 写文件主体，所要写的内容，不显示在网页中的内容
        <body>
        
        </body>
        </html>
    说明：结构中的<>都是固定的语法，称为标签/标记 语法：<></> 空白开头/斜杠结尾；
        在这个结构里，缩进和不缩进不会报错，没有严格的规定。缩进只是为了查看代码的时候看得更清楚
        这个文件的展示是在浏览器上的，可以打开右上角的浏览器浮标，优先谷歌，或者自带的edge（市场份额最大），页面更新后可以点击网页刷新查看。
        注释：ctrl + /
        所有的内容都需要用标签包裹起来
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你的标题</title>
</head>
<body>
<!--    一般在body里面写显示在网页里的内容     -->
    hello Rose!
<!-- ctrl + /  添加注释
    多行注释
标签介绍：
    双标签/双标记： <head></head>
    单标签/单标记/空标记  <meta>   只有一个，里面不会包含其他标签了
-->
<!--    标题标签h    -->
    <h1>1级标题</h1>
    <h2>1级标题</h2>
    <h3>1级标题</h3>
    <h4>1级标题</h4>
    <h5>1级标题</h5>
    <h6>1级标题</h6>
<!--    段落标签p    -->
    <p>段落标签段落标签段落标签段落标签段落标签段落标签段落标签</p>
    <p>段落标签段落标签段落标签aa<br>bb段落标签段落标签段落标签段落标签</p>
    <p>段落标签段落标签段落标签段落标签段落标签段落标签段落标签</p>
段落标签段落标签段落标签段落标签段落标签段落标签段落标签
段落标签段落标签段落标签段落标签段落标签段落标签段落标签
段落标签段落标签段落标签段落标签段落标签段落标签段落标签

<!--
    换行 <br>
    水平分割线  <hr>
-->
    <br>
    <hr>
<!--  html中的回车换行和多个空格都会被浏览器解析为一个空格5
       &nbsp;默认为一个空格
       几个空格就复制几个 如3个 &nbsp;&nbsp;&nbsp;
 -->
    <p>hello&nbsp;&nbsp;&nbsp;&nbsp;Jack,I am Rose</p>

    <!--    加粗和斜体   -->
    <b>加粗</b> jack
    <strong>加粗</strong> jack

    <i>斜体</i>
    <em>斜体</em>


</body>
</html>