HTML基础

一、HTML

超文本标记语言、英文全拼：HyperText Markup Language。负责网页的语义描述。

二、HTML基本骨架

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

</body>

</html>

Doctype：文本类型 如果仅写：html那么这代表是html5的网页类型，它符合w3c的标准。

Html：根目录标签，包含了网页的所有内容

Head：负责页面的属性配置，不做任何显示性内容操作。

Meta：翻译为“元”，代表基本属性。

Charset：字符集，它是告诉浏览器当前网页使用的是哪一种编码标准

能够支持中的编码有两种：

第一种utf8国际编码

第二种gb2312中文编码，中文的文本库加上外语的一些通用字符语言

Utf8编码>gb2312编码（文本库内容），utf8每个汉字占用3个字符，在gb2312种只占2个字符。

使用gb2312优点： 小，速度快！

以后我们的课程中一般就会使用utf8编码,因为我们懒，我就不想改！

注意：文本保存的编码格式一定要和页面内部声明的编码格式完全相同，不然会出现乱码！！！！

Description：网页描述，提供给用户看到页面的介绍，利于搜索引擎优化（SEO）

Title：网页标题、搜索引擎优化。

Body：网页内容标签，他就是一个大的容器。我们所有语义化标签都在body中。

三、HTML中基本的语法特性

1.在html中对换行以及缩进不敏感，但是一定要注意网页中结构的嵌套！

2.Html中空白折叠现象，html文本中所有的换行、缩进、空格最终都会折叠为一个空格来展示。

3.Html中标签一定要严格封闭。

四、html中文本标签

1.h1-h6标签，标题标签

2.p标签：段落标签，一般只存放文本、图像或者a链接标签等。注意：p标签中不要放h标签。

3.stong：文本加粗

4.I：文本倾斜

5.Em：文本倾斜

6.Big：大字体标签

7.Small：小字体标签

8.Sup：添加文本上标

9.Sub：添加文本的下标

从3-9为文本格式化标签，为了突出着重描述某个或某段字体。

五、图像标签

Img：英文全拼image-图像。

Src：英文全拼 source-来源路径，这个属性我们写图像的路径。

绝对路径：当前文件所在你计算机的完整路径。

相对路径：首先要有参照路径，参照路径就是当前html页面所在的文件路径。然后根据参照路径查找图片路径

Alt:提示属性，图片在不显示的情况下，给用户的提示文字。

Img标签在写路径时一定要加上扩展名，而且能够支持的图片类型有：jpg、jpeg、png、bmp、gif。 最好加上width和height属性，这是为了性能考虑。

六、锚点链接标签

a标签：超级链接标签，是联通各个页面之间的锚点。

Href属性：将要打开查看的链接地址。

Title属性：当鼠标悬停时的给用户看的提示文本。

Target属性：_blank设置链接打开时将使用新的页面

页内锚点：需要有两个a链接标签相互对应，并且其中之一的a链接需要设置name或者id属性

例如：

<a href="#lsyg">查看历史沿革</a>

<h1><a name="lsyg">历史沿革</a></h1>

跨页面的锚点跳转，例子：

<a href="04-页面内的锚点.html#bxtj">办学条件</a>

七、列表

无序列表：ul标签，里面包含着li标签。li标签代表的是每一项。

注意：li标签是不可以单独写的，必须嵌套在ul或者ol中.

有序列表：ol标签，和无序列表类似。

无序列表与有序列表的不同点：无序列表在页面中的语义是无序的，有序列表在页面中的语义是有顺序我们可以看的到的。

注意：ul或者ol中只能放li标签，但是li标签中可以放任何元素。

自定义列表：dl标签，里面包含了两个标签dt和dd。

dt标签：列表的小标题。

Dd标签：列表项。

八、table表

Table标签:表的语义

Tr：tablerow 行标签，代表一行

Td: 列标签，代表一列。

一般td标签被包含在tr标签中

Th：表中标题标签。

九、Div

Html中非常非常重要的一个标签，从我们单独拿出来说就足以看得出对它的重视。

在div标签中可以放任何的标签，包括div标签。

Span标签：普通的文本标签，是行内标签。它主要是给某段文字设置不同的演示，体现出文本的不同需求。

十、其他标签

Br标签：换行标签，

Hr标签：水平分割线

: 空格符号

© 版权符号

HTML5入门（---------------HTML——基本骨架--------------）的更多相关文章

  1. HTML5入门以及新标签

    HTML5 学习总结(一)--HTML5入门与新增标签   目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 ...

  2. 推荐10个适合初学者的 HTML5 入门教程

    HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的 ...

  3. HTML5入门要点

    要点 HTML5是HTML的最新版本.通过引入心的标签.新的语义和媒体元素,同时要依赖一组支持Web应用的JavaScript库 XHTML不再是Web页面开发标准.开发人员和W3C组织觉决定还是继续 ...

  4. 2018年html5入门到精通教程电子书百度云盘下载共22本

    名称 查看 <HTML5启动和运行>(HTML5.Up.and.Running)扫描版[PDF] 下载 <Pro HTML5 Performance>(Pro HTML5 Pe ...

  5. 给萌新HTML5 入门指南

    本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员 ...

  6. HTML5 -入门 (---css样式-------------（css基础与css选择器）---------------------—）

    ---恢复内容开始--- 一css基础入门与css选择器 CSS英文全拼:cascading style sheet 层叠样式表. 在html中使用:要在head中写style标签,所有样式放在sty ...

  7. html5入门

    1.canvas标签 <canvas id="myCanvas"></canvas><!--canvas标签定义图形,比如图标和其他图像--> ...

  8. 【活动】不用买书，不用花钱，可以免费看HTML5入门连载了

    清华大学出版社推出的<HTML 5网页开发实例详解>适合HTML 5开发初学者和前端开发工程师.本书一经上市,就获得了读者的一致好评,为感谢读者,推出本书的连载活动.   本书术新颖.与时 ...

  9. HTML5入门4---HTML5 与 HTML4 同一网页的不同写法

    HTML4写法 css: body { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana ...

随机推荐

  1. 关于Java数组

    今天,我们将要谈到的是Java里的数组 数组是一种容器,它是一些相同类型元素的集合.我们可以用数组,去存储一些相同类型的数据,比如,整数,浮点数,字符,...事实上,数组甚至可以用来存储同一个类的多个 ...

  2. jQuery.my – 实时的复杂的双向数据绑定

    jQuery.my 这个插件用于实时双向数据绑定.它发生变异给出的数据源对象,反映了用户与用户界面之间的相互作用.jQuery.my 提供了全面的验证,条件格式,复杂的依赖关系,运行形式结构操作. 马 ...

  3. AMD and CMD are dead之JS工程化终极解决方案KMD.js版本0.0.1发布

    回顾 经过两天晚上疯狂的开发调试,伴随着大量掉落的头发和酸痛的颈椎,KMD.js赢来了第一个稳定版本.在此期间KMD规范也有所修改和完善. 这两天主要完成的功能有: 按需加载 版本控制 模块管理 便捷 ...

  4. PowerDesigner 逆向工程 Mariadb 失败

    作者环境是win8.1 64位置 PowerDesigner 15, Mariadb 10+,在逆向的过程中发生错误,导致只能逆向出表对象,但是表对象中的字段信息确实没有的. 错误信息中的一部分是:  ...

  5. 推荐一个iOS关于颜色的库-Wonderful

    Wonderful 这个库主要是与UIColor息息相连的,其中一共包含四个子文件,UIColor+Wonderful,UIColor+Separate,SXColorGradientView,SXM ...

  6. iOS歌词逐渐变色动画

    实现歌词逐渐变色的动画,像卡拉OK一样可以根据时间进度来染色.效果如图:   因项目需求要实现一个类似歌词逐渐变色的效果,自己想来想去想不出来实现方案,还是得求助万能的google, 最终是找到了这篇 ...

  7. Linux0.11内核--加载可执行二进制文件之1.copy_strings

    从现在开始就是分析最后的核心模块exec.c了,分析完这个文件后,就会和之前的所有分析形成一个环路,从创建进程.加载进程程序到进程调度.内存管理. exec.c的核心do_execve函数很长,而且用 ...

  8. iOS HTML 字符串中的图片 自适应大小

    本文原文地址:http://www.cnblogs.com/qianLL/p/6095988.html 有时候 我们接收数据的时候  后台给的数据室一串HTML 的字符串  但是 我们要显示出来  这 ...

  9. 二进制配置文件为什么比json等配置文件效率高

    二进制配置文件为什么比json等配置文件高效 项目中用spine做动画,spine可以导出json和二进制的动画配置文件,蛋疼的是spine官方竟然没有提供c的二进制配置解析代码,更没有提供它二进制文 ...

  10. SQL2008中的Sequence

        CREATE TABLE dbo.GlobalSequence ( id INT IDENTITY(1, 1) ) GO     CREATE PROC seq ( @id INT OUTPU ...