HTML5基础入门

最新推荐文章于 2023-05-03 22:56:38 发布

星野寄月

最新推荐文章于 2023-05-03 22:56:38 发布

阅读量304

点赞数

文章标签： html5 html css

本文链接：https://blog.csdn.net/qq_52403971/article/details/120013013

版权

HTML5——day01(基础入门)

HTML5——day01

HTML5 ：超文本标记语言。超文本即是一种规范一种标准，通过标记符号来标记要显示的网页中的各个部分。
HTML5是网页的内容载体，是网页制作者放在页面上让用户浏览的信息界面，
CSS3是HTML5的网页基础上给网页一种优化，改变网页基础外表进行浓妆淡抹。

<！DOCTYPE HTML></！DOCTYPE>

。标准的网页声明，表示浏览器本身的解析标准，如果不声明就会造成所写的页面在不同浏览器中所展示的内容器有所区别和不同显示效果。

<html lang="en">

lang=language缩写，表示语言，即所写的文本语言用英文。

<meta charset="utf-8" >

meta设置网页元数据，如字符集、关键字、简介，同时Meta是自结束标签无须/，常见字符编码：utf-8/gbk/unicokde/gb2312.

meta name="viewport" content="width=device-width,initial-scale=1.0"

viewport为设备屏幕，width=device-width为属性控制设备宽度，确保能正确呈现在不同的设备上（电脑、手机）
initial-scale=1.0是确保网页在加载时能够以1:1的比例呈现不会有任何缩放。

</head>

head通常是浏览器设置，body是网页可视区的展示

<body>

在这个结构中，可以来编写HTML的注释注释中的内容，不会在页面中显示，但是可以在源码中查看我们可以通过编写注释来对代码进行描述，从而帮助其他的开发人员工作,一定要养成良好的编写注释的习惯，但是注释一定要简单明了

：html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address…

单标签元素、双标签元素。

单标签有：
单标签即是不需要有后缀的 </ >

双标签元素有：

title:描述网页页头信息

div1

id:唯一标识符、class标识一类元素、style样式.

网页中对空格的使用用实体名称：&nbsp

div 作用为搭建网页结构，使用时占用一行默认宽度为100%，高度为子元素内所占高度来决定。可在使用的元素有：html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address…

注意：不要在行内元素中使用块级元素！会造成无法使用。

可在结构中填充网页内容，宽高自己决定，不能嵌套块级元素

span/ a/ img/ strong/ b/ i/ em/ sub/ sup/…

有：h1~h6大小从1到6逐渐缩小，一个网页最好只有一个h1标签，因为h1会影响该网页在搜索引擎的排名顺序。

<p>
    段落标签，段落&quot;标签&quot;用于表示内容中的一个自然段,<br><hr>
    使用p标签来表示一个段落,
    p标签中的文字，会独占一行，并且段与段之间会有一个间距
</p>

<br>

<hr>
还有如下字符实体
空格  &nbsp;
  <  &lt;
  >  &gt;
  “  &quot;
  &  &amp;
  ‘  &apos;

<img src="图片的url或本地路径地址" alt="" width="100px" height="100px" title="">

< img src=""  alt="" >

（…/ / )表示本地的相对路劲，一个点是同一级级文件中的图片

关注