您的位置：首页 > Web前端 > HTML

HTML基础知识

2016-06-19 00:37 232 查看

前言

很久一以前因为项目需求自己学习了一些前端技术，最近有个朋友要帮忙写个网站。忽然发现自己写个网页还是差很多。这次我打算用一段时间。把前端的一些技术了解入门。

基础入门

为啥是html

这里说下html的一些基础知识。html是一种标签型语言，和xml一样。这里我就不在细说，说下为什么是这中语言。我们知道计算机的信息都是以文件形式存储，网络是可以传递信息，通过tcp/ip九层网络理论等，好些复杂的步骤在我们上层看来就是一char字符串。这些字符串是有意义的，只要我们按照固定的解析方法来解析这些字符串。当然这在传输文本的时候这厮最有效的。可是你会发先当前你看到这这段子不是像记事本打开的文本。他有自己的固定的排版，固定格式，甚至可以有图片视频。

这里我们就思考如何让字符转化成固定的格式。很简单我们按照统一的编码方式告诉他们。我们第一反映是开始首先由很大一段声明的文本。然后就开始传输显示的东西。其实每个人都有这种思维。可是我们在思考下这样好吗？我们在编码时候每一个位置的不同风格的东西都要声明。你看到的这个标题每一个地方都要声明大小位置。也许聪明的你现在都开始思考了为什么我都知道标题应该怎么放大小我都知道啦。为啥还要声明呢。我只要让你知道我是标题就好了。这里就诞生了一个问题如何让计算机知道我是一个标题，一个段落。给自己加个标签。忽然发现问题完美解决了。每一个不同的部分我们都给一个特定的开头就好了。我们当然还要知道什么时候一个标题结束。也许这里我们会认为直接用括号就好了。可是我们会有一个问题包含关系。你看到这个也面也许里面会有五六层嵌套，真正编程的童鞋会知道几个括号之后就会有一个问题。完全找不到那个跟那个匹配，满目的乌七八糟。最好的办法就是直接加上两个标签开始和结束这里我们标签型语言就出现啦

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> p标签</title>
</head>
<body>
<p>hello world</p>
</body>
</html>


这就是一个最简单的一个网页，head便签告诉计算机如何理解与排版声明好些东西。body开始我们真正的正文。我这里仅仅正文中仅仅添加一段话，用标签p来引导。这里说了这么多总结下来标签型语言有这几方面优势：

易于阅读，易于编写，如果标签足够好可以看名知意

易于传输。这个如果按照信息熵来算。。估计差的远。可是我还是想写上去。

计算机对与树状文件解析比较方便。这个我以前直接解析过xml，对于html文件如何解析，浏览器如何解析我就不好说啦。

基本标签含义

head：里面貌似包含着一些声明，比如编码等一些基础的东西，然后就是一些引用包含css，和javascrip，貌似一些代码也是在这里处理的。比如j2ee代码等。

body：明显是真正的内容

下面基本都是bady的内容主要是一些显示的主要基础控件。

h+< x>：这里x是1-5的数字便是标题的大小 （head）

p：段落 （paragraph）

em或strong：强调内部字段。

span：可以诶一段文字设置特殊风格

q：标签，短文引用

blockquote：长文引用，一般都是一段的大小

hr：水平线

adress：地址

code\pr:前者一行代码。后者以一段代码。

ul：无序列表（unorded list）

li：，列表项（list item）

ol：语序列表（order list）

div：一个块。相当于一个容器（division）

table：表格

a：链接（anchor）（ps这个单词是“锚”的意思。意思就是在页面这个位置建立一个锚点，然后点击该锚点，链接到href关联的地址。）

img：图片链接

form:表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。

input:输入。一般在form中。

后记

这里介绍了几个主要的html是什么，并且包含了几个主要标签。下一篇研究css内容我们局可以构造出一个静态网页了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  语言 前端 xml html
相关文章推荐
新的分享
章节导航