html+css前端第二天

最新推荐文章于 2022-12-26 21:06:48 发布

Echo32398

最新推荐文章于 2022-12-26 21:06:48 发布

阅读量66

点赞数 1

分类专栏：前端学习文章标签：前端 html servlet 学习 css

本文链接：https://blog.csdn.net/Echo323/article/details/127231993

版权

前端学习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

加油哦！不要因为别人，而忘了自我，做最好的自己，与他人无关！按照自己的步伐，就算走的比别人慢，也终会到达你想要去的地方！

继续今天的学习 ^_^

第一个网页

Emmet插件：自动生成html代码插件

注释：注释为代码的阅读者提供帮助不参与运行

在html中注释使用如下格式书写  快捷键： ctrl+/

元素（其他叫法：标签，标记）

元素=起始标记（begin tag）+结束标记（end tag）+元素内容+元素属性（描述元素额外信息）

属性的分类：

-局部属性：某些元素特有的属性

-全局属性：所有元素通用

meta元素

有些元素没有结束标记，叫做空元素

元素的嵌套：父元素，子元素，祖先元素，后代元素，兄弟元素

标准的文档结构 HTML：页面，html文档

<!DOCTYPE html>
<!-- 文档声明，告诉浏览器，当前文档使用的html标准是html，不写文档声明，将导致浏览器进入怪异渲染模式 -->
<html lang="en">
    <!-- 
    根元素，一个页面最多只能一个，并且该元素是所有其他元素的父元素或祖先元素。html版本中没有强制要求书写该元素
    lang属性：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的 
    -->
<head>
    <!-- 文档头，文档头内部的内容，不会显示到页面上 -->
    <meta charset="UTF-8">
    <!-- 
    meta文档的元数据：附加信息
    charset指定网页内容编码，网络编码使用UTF-8：Unicode编码的一个版本
        -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width>, initial-scale=1.0">
    <title>这是俺的第一个页面</title>
    <!-- 网页标题 -->
</head>
<body>
    <!--超链接-->
    
    <a href="https://www.bilibili.com/video/BV1yx411d7Rc/?p=6&spm_id_from=pageDriver&vd_source=63edb5c0c00e88ffb042fc52bacaa8bf"title="bilibili">bilibili</a>
    <!--一级元素-->

    <h1 title="this is my first page">
        第一个网页
    </h1>
    <img src="https://ts4.cn.mm.bing.net/th?id=ORMS.ecabdb2a6b364fedc82bd591b20f90be&pid=Wdp&w=612&h=304&qlt=90&c=1&rs=1&dpr=1.25&p=0">
</body>
<!-- 文档体 -->
</html>