HTML5——day01(基础入门)
HTML5——day01
前端要素之二:HTML5+CSS3.
HTML5 :超文本标记语言。超文本即是 一种规范一种标准,通过标记符号来标记要显示的网页中的各个部分。
HTML5是网页的内容载体,是网页制作者放在页面上让用户浏览的信息界面,
CSS3是HTML5的网页基础上给网页一种优化,改变网页基础外表进行浓妆淡抹。
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的注释注释中的内容,不会在页面中显示,但是可以在源码中查看我们可以通过编写注释来对代码进行描述,从而帮助其他的开发人员工作,一定要养成良好的编写注释的习惯,但是注释一定要简单明了
HTML5的语法:
元素有
:html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address…
单标签元素、双标签元素。
单标签有:
单标签即是不需要有后缀的 </ >
双标签元素有:
属性:
title:描述网页页头信息
id:唯一标识符、class标识一类元素、style样式.
网页中对空格的使用用实体名称: 
块级元素:
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
有:h1~h6大小从1到6逐渐缩小,一个网页最好只有一个h1标签,因为h1会影响该网页在搜索引擎的排名顺序。
段落标签p
<p>
段落标签,段落"标签"用于表示内容中的一个自然段,<br><hr>
使用p标签来表示一个段落,
p标签中的文字,会独占一行,并且段与段之间会有一个间距
</p>
换行标签br
<br>
分割线标签hr
<hr>
还有如下字符实体
空格
< <
> >
“ "
& &
‘ '
图片标签img
<img src="图片的url或本地路径地址" alt="" width="100px" height="100px" title="">
< img src="" alt="" >
(…/ / )表示本地的相对路劲,一个点是同一级级文件中的图片