捋一捋这HTML-----Day19

59 阅读 0 评论 39 点赞

我是靠谱客的博主甜蜜豆芽，最近开发中收集的这篇文章主要介绍捋一捋这HTML-----Day19，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

实话说，我曾经不止一次的看到过W3School，而这样系统的去看确实从来没有过，它这简单到有些粗糙的页面实在让我提不起太多兴趣，于是就这么一再错过。也是一时心血来潮，也是了解了w3shool到底是什么，这才想到要来学一下的，可这一看，才发现原来这是多大的一处藏宝处，它简单、朴实、配合着实例讲解，把一个虚拟的空间里面分解成一样样原件，并详细的讲述着原件的用途，让原本不是很明朗的概念突然清晰了很多，当然理解的深了，会发现它的简单和不够完善和强大，但是这种理念上的接引和呈现，才让我此时更坚信了自己的前行。

先从html的介绍开始，这个却是不得不说，第一节就给了我最酣畅淋漓的刺激，宛若新生。这里就来简单介绍下我的学习成果吧：

1、理解html

* html本身是一种语言，超文本标记语言，语言自然有着它的语法规范，也就是说它的组成方式：成对的html标签。

* 一个页面则就是一个html文档，而html文档就是一套html标签加上其中填写的html元素即可，而html元素不过是标签之间填写的文本

2、一个界面的完整组成，也就是说标准的html文档

这里说的界面的完整组成，不过是说提取无关元素之外后最核心的完整组成

<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>

第一列来阐述文档类型：html、html5、html+、html2.0、html3.2、html4.0、xhtml1.0的那一种，

而其余的则是html标签的一个嵌套，则他们则是还可以嵌套更多，像：

<title>这里用来成页面名称</title>
<meta name="keywords" content="HTML, CSS, XML" />
<base target="_blank";
<style type="text/css"></style>
<script type="text/javascript"></script>
<link rel="stylesheet" src="">

这里是head中全部存在的信息，其中title这个显而易见，而base主要应用的只有两个属性，target和href，只是用来判定整个文档中有链接或者新链接的弹出效果；style、script和link，这个都是比较基本的，太熟悉了吧；meta的意义也颇大，带了name用来描述，带了http-equiv用来设定

而body部分，则更多的是显示部分

3、html竟然还有有序列表和自定义列表

<ul><li></li></ul>是无序的；

<ol><li></li></ol>是有序序列

4、html布局方式

table用来布局，更精确

div+css用来布局，这个轻便，自由度高，<span>不过是非块级元素，是内联元素

5、html链接

“锚”的出现，只是a的属性不同

* <a href="链接"></a>

* <a name="锚"></a>

6、html的url