微X公众号搜索【程序媛小庄】,人生苦短 一块学python前言
本文重点介绍什么是HTML以及HTML语言常用的标签,经过HTML语言就能够为咱们搭建网站供给骨架啦,在网页上右键鼠标选取查看网页源代码能够看到网页html源代码哦~
什么是HTML
HTML全叫作超文本标记语言(Hypertext Markup Language, HTML),一种用于创建网页的标记语言,必须重视的是,HTML是一种标记语言(markup lanuage),不是一种编程语言,在HTML中运用标签来描述网页。
HTML注释
虽然HTML不是编程语言,然则HTML亦有注释,HTML代码如下:
<!--单行注释-->
<!--
多行注释多行注释
-->
因为HTML代码非常杂乱,并且非常的多,因此习惯用注释划定页面区域方便后续查询,例如:
<!--导航条起始-->
导航条内所有html代码
<!--导航条结束-->
<!--左侧菜单栏起始-->
左侧菜单栏所有html代码
<!--左侧菜单栏代码结束-->
HTML文档结构
HTML文件的后缀名通常都是.html,文件的后缀名其实是给用户看的,只不外对应区别的文件后缀名有区别的软件来处理,并添加非常多功能,HTML无代码格式,能够所有写在一行亦无问题,只不外运用缩进尽可能的加强代码的可读性。
<!DOCTYPE html> <!--声明是HTML5文档-->
<html lang="zh-CN">
<head></head> <!--head内的标签不是给用户看的,而是定义有些配置重点是给浏览器看的-->
<body></body> <!--body内的标签,写什么浏览器就渲染什么,用户就能看到什么-->
</html>
打开HTML文件的两种方式
第1种,找到HTML文件的位置,右键选取浏览器打开;
第二种,在pycharm内部继承了自动调用浏览器的功能,直接点击就可,前提是计算机上安装了相应的浏览器。
HTML标签简介
①HTML标签是由于尖括号包裹的重要字,例如<html>, <body>等;
②HTML标签一般都是成对显现的,例如<html></html>,第1个标签是初始标签,第二个标签是结束标签,结束标签会有左斜线;
③亦有有些单标签,例如<br/>,<hr/>等,遇到了记一下就能够了;
④标签里面能够带各样属性,亦能够不带属性。
下面介绍一下html标签的语法,分为单标签和双标签:
<!--单标签-->
<标签名 属性1="属性值1" 属性2="属性值2"..../>
<!--双标签-->
<标签名 属性1="属性值1" 属性2="属性值2"...>内容</标签名>
标签亦分为行内标签和块级标签,块级标签会独霸一行,而行内标签自己文本有多大就占多大位置,平常的行内标签有i,u,s,b,span标签,块级标签有h,p,div标签。
块级标签和行内标签的区别有以下几点:
①块级标签能够修改长宽,行内标签不能够,修改了亦不会变 。
②块级标签内部能够嵌套任意的块级标签和行内标签,然则p标签虽然是块级标签,然则它只能嵌套行内标签,不可嵌套块级标签 倘若套了,问题亦不大,浏览器会自动解开嵌套,由于浏览器是直接面向用户的,不会轻易报错,哪怕报错用户亦感觉不出来 。 ③行内标签不可嵌套块级标签,能够嵌套行内标签。HTML常用标签
hea
|