Web小白学习分享

最新推荐文章于 2024-10-13 11:08:06 发布

最新推荐文章于 2024-10-13 11:08:06 发布

阅读量164

点赞数

分类专栏： Web(html) 文章标签：学习 html5

本文链接：https://blog.csdn.net/weixin_52074652/article/details/125860173

版权

4 篇文章 0 订阅

订阅专栏

先看目录

知识目录

1. HTML ：超文本标记语言

2. CSS ：层叠样式表

3. JavaScript ：世界上最流行的脚本语言

4. jQuery ：极大地简化 JavaScript 编程

5. AJAX ：异步的 JavaScript 和 XML

6. BootStrap ：前端开发框架

了解html现常用的html版本是H5

H5：每一个html的标准都会收纳特定的html标签

h5标准中新添加了一些列标签

比如 audio video header footer nav aside

谷歌浏览器 chrome浏览器前端开发必备

开发工具：随意 HbuilderX VsCode

<!DOCTYPE html>
 <!-- 标明这是一个满足html5的页面  
    内部可以使用html5的标签 -->

 <!-- 开始标签  与 结束标签   结束标签比开始标签多斜杠  中间写标签内容 -->
    <!-- 在开始标签中可以使用属性 属性名="属性值"  style="color:red"-->

<html></html>
<!-- 页面的根标签  所有的内容都应该出现在html内部
内部只能编写 head与body-->

 <head></head>
<!-- 网页头标签内部编写一些常见的页面修饰标签 比如 title  比如meta 比如viewport -->

<body></body>
<!-- 网页身体标签 -->
<!-- body中编写页面元素(可以看见和看不见) -->
<!-- 多用tab  少用enter -->

 <h1>一级标题 页面可以看见</h1>

<!-- 常用标签
            块 div: 自动换行
            行内  span:  不会换行 没有任何样式  仅仅做隔离使用 -->

<!-- 浏览器F12    保持打开状态
    元素 ：查看页面当前代码
    样式 ：查看元素的样式CSS
    选择选项：单击可以打开和关闭
            打开以后鼠标在页面滑动 自动左右联动 -->

<span> 醒<span style="color: red;" >醒了</span></span> 
<div>学</div>
<div>习</div>
<div>了</div>

关注

专栏目录