网页的起始——HTML

来源：互联网发布：云杉网络新三板编辑：程序博客网时间：2024/05/18 00:01

网站的起始

这是我的一些学习经验，只适合一些想进行web开发编程的童鞋的，老鸟不要误入，文中若有错误，请大家批评指正，我先在这里感谢大家了！

每个网站都是由一个个网页编辑而成，在学习前端过程中，必不可少的是要接触HTML,全称是Hyper Text Markup Language(超文本标记语言)，你要问我HTML好不好学，我会说只要你能实际动手操作，通过动手实际查看每个标签的样式，看它们是否有padding、margin，字体是否发生变化( font -weight, font-size, line-height,font-family...)等，只有自己实际动手才能知道表单默认的样式，如果一直看书不操作的话，效果差而且自认为懂得了，会认为网页是多么简单的错误想法！

操作工具

俗话说：“磨刀不误砍柴工”，好的工具是我们做事事半功倍，编写代码亦是如此。但是你现在仅仅是刚刚入门而已，想一探HTML的深浅，我觉得还是先从记事本开始，通过鼠标右键新建记事本,里面书写代码，更改后缀名为html即可，再通过浏览器打开。就可以在浏览器中显示"hello world"字样。

<! DOCTYPE html5>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>hello world!</h1>
</body>
</html>

动手操作<div>

HTML分类方式很多，按照使用方式可以分为容器级标签和文本标签，容器级标签指的是作为容器，可以嵌套其他内容的标签，常用的有： <h1>~<h6>、<p>、<blockquote>、<bdo>、<per>、<ul>、<ol>、<dl><li>、<dt><dd>、<table><tr><td> <form> <div>等，按照文本-列表-表格-表单的方式记忆，文本标签指的是只能存放文本的标签，常用的有：<em><i><b><strong><sub><sup><del><address>、<q><code><kbd><tt><samp><var><span><input><select><abbr><a> <img>等,其中<img> 标签存放的虽然是图片，但是我们还是可以将它作为文字数据来看待。按照标签的形式可以分为三种：闭合标签、半闭合标签、空标签，前两种就不再叙述，空标签指的是标签不用闭合，不存放任何东西，例如换行标签<br>、分割线标签<hr>等，按照JS中的定义方式，可以将HTML分为行内级标签、块状标签。主要是由于 display这个属性决定的标签在网页中展现的形态，其值常用的有inline、block、inline-block等。

结语

HTML是网页设计中最先开始学习的，也是最简单的，是“网页三剑客”之一，通过HTML我们的数据内容才能在页面中有安放的载体，负责网页的结构，因此也称HTML为页面的表现层，CSS为页面的样式层，JS为页面的行为层。想了解更多可以看下一篇，谢谢！

阅读全文

0 0

网页的起始——HTML

网站的起始

这是我的一些学习经验，只适合一些想进行web开发编程的童鞋的，老鸟不要误入，文中若有错误，请大家批评指正，我先在这里感谢大家了！

操作工具

动手操作<div>

结 语

结语