提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
一、html-html元素类型简介
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>html入门简介</h1>
<!-- html
Hypertext Markup Language
超文本标记语言
java c++ python 编程语言
html 不是一门编程语言,而只是一门标记语言
目的是为了展示网页中的一组段落,列表或者是含有图片和数据表的相关东西
元素
标签 -->
<!--
<html></html>
是一个根元素,包裹了整个完整的页面
<head></head>
是一个容器,通常下里面包含是关键字,页面描述,CSS文件和js的引入,字符集的声明,图标的引入 等等
<body></body>
主体 包含了文字,图片,音频,视频等等
<title></title>
-->
<div class="" id="">
这是一段放在div里的文本
<span>这是一段放在span标签里的文本</span>
</div>
<!--
<div class="" id=""> -开始标签
属性名="属性值" 空格 属性名="属性值"
这是一段放在div里的文本 -内容
</div> -结束标签
-->
<hr>
<!-- hr - 割线 -->
<h1>html元素</h1>
块状元素
<!-- 在页面中以块的形式出现,相对于的内容也会出现在一行中,其后面的内容回被挤到下一行去,对宽高进行单独设置。 -->
<!-- <p>这是一个p标签,p标签通常用于表示一篇段落文本 <span>这是一段放在span标签里的文本</span>
<p>这是一个p标签,p标签通常用于表示一篇段落文本</p>
</p> -->
<div>这是一个div的盒子标签</div>
<p>这是一个p标签</p>
内联元素
<!-- 在页面中不会导致文本换行,通常用于在一堆文字中间出现超链接,或强调元素等,无法对宽高进行单独设置,元素内容有多高,标签就有多宽高。 -->
<span>这是span标签钱钱钱钱钱钱1</span>
<span>这是span标签3</span>
<span>这是span标签4</span>
<span>这是span标签2</span>
<!-- <div id="header"></div>
<header></header> -->
中文
内联块状元素
<!-- 在页面一行中阔以显示多个,并且阔以对他们宽高进行单独的设置 -->
<!-- <img src="" alt="">
<input type="text"> -->
<script>
// 写脚本文件的
// (){
// {}
// }
</script>
</body>
</html>
总结
加油!