菜单

怎么是HTML?

2019年5月3日 - JavaScript

</html>
瞩目:只有在<body></body>标签中的内容才会来得在浏览器中。

行内标签

行内标签:盒子的宽高 私下认可包裹内容
多占一行,不可设宽高

换行:br
超链接:a
图像:img
容器:span

<!DOCTYPE>注解的法力
<!DOCTYPE>告诉浏览器当前页面包车型地铁文档类型,浏览器依照该申明来不易地描述页面。

标签居中难点

  1、行内标签/行内-块级标签 设置父类的属性 水平居中  text-align: center;
                                      垂直居中  line-height 等于高度
  2、块级标签:设置自己的属性 水平居中  margin: 0 auto;
             设置父类的属性  垂直居中  只能垂直充满居中  不能设置高度居中

W3C网站:http://www.w3school.com.cn/html/index.asp

<h一>一级标题</h一>
<p>文章段落一</p>
<p>小说段落2</p>

标签格式

两者标志

<标签属性1=“值1”属性2=“值2”>内容</标签>

片面标记

<标签属性1=“值1”属性2=“值2”>

<head>
<title>标题</title>
</head>

网页结构

<!--根标签-->
<html>
        <!--头部-->
        <head>
            <!-- http-equiv:模拟http协议的文件头原信息,主要目的是服务器向客户端返回时,用什么格式显示。
            Content-type:内容类型。
            Content:详细内容类型介绍。Text/html:网页是text格式,html是文本中的小格式。
            Charset:字符集,主要控制汉字如何显示。
            Utf-8:多国语言编码,什么国家的语言都可以正常显示。 -->
            <meta http-equiv="content-type" content="text/html;charset=utf-8">
            <!--网页标题-->
            <title>我的第一个网页</title>
        </head>

        <!--身体-->
        <body>
        hello wrold!你好世界!
        </body>
</html>

HTML是1种超文本标志语言
HTML使用部分标志来讲述页面包车型大巴布局
HTML中的成分(elements)是创设页面包车型客车根基
HTML用竹签(tags)代表网页成分
各类分裂的价签(如尾部标签,表格标签,图片标签)互相分工又相互结合,构成了多彩的web世界
浏览器并不会将标签突显出来,我们所阅览的HTML页面都以标签渲染之后的结果
二个简约的HTML实例
HTML实例
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>

块级标签

块级标签:盒子的宽等于整行的上升的幅度
独占一行,可设宽高

标题:h1-h6
横线:hr
列表:ul ol li
段落:p
表格:table(tr th td)
容器:div

版本 年份
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

更动标签的项目

CSS中有个display属性,能改改标签的来得等级次序
none:隐藏标签
block:让标签变为块级标签
inline:让标签变为行内标签
inline-block:让标签变为行内-块级标签(内联-块级标签)

初稿链接:
www.w3uu.com/intro/base/html-tutorial.html

行内-块级标签

行内-块级标签:盒子的宽高 有暗许的冲天
多占一行,可设宽高

按钮:button
表单:form (input)

什么是HTML?
HTML是1种标准的标志语言,用那种语言可以创建web页面。

盒子模型

此外1个标签都以一个盒子,也便是任何三个标签都有以下七个属性:
三个属性 :margin border padding content
对此span等 行内标签 是包装内容的 相当于padding是0px
每二个标签都以三个盒子

层级结构:外边距|边界|内边距|内容

</body>

HTML5新扩充标签

HTML伍新扩大了贰7个标签成分,丢弃了15个标签成分,首要不外乎结构性标签、级块性标签、行内语义性标签、交互性标签

进度:progress 
视频:video 
音频:radio 
文章:article 
文章头部:header 
区域章节表述 :section 
文章底部:footer 
导航链接:nav

<h1>我是h1标签</h1>
<p>小编是段落</p>

标签属性

大面积通用属性

width="200" height="200"
align="center"
border="5"
bordercolor="blue"
bgColor="#99cc33" 
background="images/bg.jpg"

HTML版本
下表罗列了HTM的版本音讯:

标签分类

<!DOCTYPE>大小写通用,开采者能够写成<!doctype>。

</body>
</html>
品味一下

浏览器并不显得HTML标签,而是依据HTML文件提供的竹签来调控哪些渲染页面。

实例分析
<!DOCTYPE html>描述了当下页面包车型客车文书档案类型为HTML5
<html>标签是是成套HTML页面包车型大巴根成分
<head>标签是头标签,里面普通包括<meta>标签(该标签能够向浏览器提供部分元数据)
<title>标签描述了当下页面包车型客车标题,日常会在浏览器的选项卡里展现
<h一>标签定义了超级标题的剧情
<p>标签定义了稿子段落的内容
HTML标签
HTML标签是由标签字和箭头括号包裹起来的2个成分块,里面能够填充一些内容照旧嵌套其余标签

四个HTML页面只可以出现二次<!DOCTYPE>证明,并且该表明必须置于页面顶部。

HTML页面结构
正如为html页面包车型客车通用结构:

<标签名>小编是内容</标签名>
貌似的话HTML标签总是成双成对现身,诸如<p></p>
首先个标签大家誉为开头标签,第二个标签大家称为截止标签
得了标签的写法和苗头标签一样,只不过会在箭头括号内,标具名前加上三个正斜杠
浏览器和HTML的关联
浏览器的基本点办事是读取HTML文件并将页面展现出来。

<body>

<html>

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图