HTML基础

学习内容

1.HTML概念

2.了解HTML发展史

3.基础语法

4.常用标签

5综合小例子


什么是HTML

HTML(Hypertext Markup Language)即超文本标记语言


图片来自听说你还挺厉害发布

HTML发展史


图片来自听说你还挺厉害发布


HTML特点

1.HTML不需要编译,直接由浏览器执行

2.HTML文件是一个文本文件

3.HTML文件必须使用html或htm为后缀名

4.HTML大小写不敏感,HTML 和html一样


开发工具

文本编辑器

sublime

Hbuilder

Editplus

Dreamweaver

等等


HTML基础语法

<html>                      /*网页的开始

<head>                      /*网页头部开始

<title>网页的标题</title>

</head>                    /*网页头部结束

<body>                      /*网页主体开始

网页的主体内容

</body>                    /*网页主体结束

</html>                      /*网页的结尾



HTML标签

语法:<标签名></标签名>    注:有些标签属于单标签,不需要</>

例:<html>...</html>

1.标签用<>括起来

2.标签一般成对出现,分为开始标签和结束标签,结束标签比开始标签多了一个  “/”

3.单标签:没有结束标签,如:<hr/>


HTML元素

从开始标签到结束标签的所有代码称为HTML元素。

<html>


<head>


    <title>网页的标题</title>


</head>


<body>


    <p>这是我的第一个网页</p>


</body>


</html>


HTML标签属性

语法:

<标签名 属性名1=“值”  属性名2=“值”...>自定义标签名称</标签名>

如:<div class="#">这是一个标签</div>


HTML注释

<!--这里是注释-->

注释在网页中不显示,因软件不同,注释的方法可能也会不同 /**/  <!--  --> 等都可以成为注释标识。

注释的作用是在一段代码中,让你更好的理解这段代码的意思,平时建议多用注释,以免写完一段代码后,忘记此代码的意思。


DOCTYPE文档类型声明

<!DOCTYPE>声明必须放在HTML文档的第一行,但此声明并非HTML标签。



网页编码设置

当网页显示出现乱码时,可以在<head></head>标签之间增添

<meta http-equiv="Content" contect="text/html;charset=UTF-8">

注:常用的编码类型有:                    UTF-8,GBK,GB2312,在浏览器中可以右击浏览器空白处进行更改。



HTML文字和段落标签

标题标签:<h1></h1>~<h6></h6>  注:<h1>标签最大  <h6>标签最小。

段落标签:<p></p>  align  对其齐属性值


图片来自听说你还挺厉害发布

换行标签:<br/>

水平线:<hr/>

属性如下:


HTML文字和段落标签

文字斜体:<i></i>,<em></em>

加粗:<b></b>,<strong></strong>

下标:<sub>

插入内容<ins>

删除内容<del>


特殊符号


列表标签

下一章继续

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,140评论 2 21
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 1,282评论 0 3
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 1,474评论 0 4
  • HTML基础 开始 上周我已经学习了一些开发工具(Sublim Text、vscode),我学会了如何一些基础设置...
    H少白阅读 733评论 0 4
  • 1、什么是ADB ADB是Android-Sdk里的一个客户端-服务器端程序,其中客户端是我们操作的电脑, 服务...
    远航天下阅读 3,485评论 0 6