HTML基础1

学习内容

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/>


HTML

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 我又出来赶博客了,这几天接触的知识量有点大,欠了能有10几篇博客吧,我觉得我再不赶出来,知识点就全忘记了,所以我决...
    头大如牛阅读 246评论 0 0
  • HTML标题HTML标题由 至 标签定义。 定义了最重要的标题。 定义了最不重要的标题: HTML段落HTML段落...
    空城阿风阅读 429评论 0 0
  • 1.HTML 简介 所谓的HTML 就是 HyperText Mark-up Language即超文本标记语言或超...
    陈皮的柚子怪阅读 684评论 0 2
  • 做事容易开小差,专注力不集中是孩子的共同特征。 上课专注力不集中下课做作业磨蹭。时间过长,学习压力过大,学习兴趣也...
    夏日粉荷阅读 256评论 0 0
  • 上一章-世外桃源 小说目录 第五章-算命老人 她常常穿着一件白色的长披风,遮住皮肤不被太阳晒着。独自在大街上行走,...
    冰寒三尺阅读 557评论 2 10

友情链接更多精彩内容