html与css的结合是当今网页制作的主流，其简单方便、易学入手快，所以对于一些像我一样的初阶者来说再适合不过了。那么现在我就来谈谈我学习html与css的一些心得吧。
这次就让我来讲讲html和css的分工吧。
html一般是负责网页结构的排版，css负责网页及其内容的样式设置。就好像是画画一样，html是构图，是粗略的勾画出大致的轮廓，而css则是具体的绘画以及上色，分工明确。也得益于这样的分工使得网页的代码简洁明了，并且也丰富了网页的样式，使得网页更加的多姿多彩。
上次我们讲到了html和css的分工。那么这次就让我们来谈谈几个常用的html标签吧。
<html>
<head>
<title>这里是网页的标题</title>
</head>
<body>
这里是网页显示的内容，既主体
</body>
</html>
这是最基本的一段HTML网页代码。其中，<html></html>，<head></head>，<body></body>，这三组是最基本的标签。<html>与</html>之间包含了整个网页的内容，所有HTML网页都必须以<html>开始，再以</html>作为结束，其他的编写都要在这两个标签内进行。<head>与</head>俗称头部，标签内的信息不显示在网页中，例如例子中的<title></title>是将网页标题显示于浏览器的标题栏上。头部内还可编写css样式和javascript效果、或引用外部css文件或javascript文件等。而<body>与</body>则是定义网页的主体，显示网页的内容。
接下来就是一些HTMl的常用标签了。
<p></p> 定义一个段落
<h1></h1> <h1>-<h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的。
<ul></ul> 定义无序列表
<ol></ol> 定义有序列表
<li></li> 定义列表项目
<div></div> <div>是一个"块"，定义网页中的一个区域，可以把网页分割为独立的、不同的部分，可以用作严格的组织工 具，并且不使用任何格式与其关联。我们一般用 id 或 class 来标记 <div>，使其在css中更加方便的添加样式。
<a href="链接地址">带链接的内容</a> 一个链接
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="图片链接地址"/> 一个图片
以上就是我这次要说的了，谢谢大家。
共同学习，写下你的评论
评论加载中...
作者其他优质文章
