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 src="图片链接地址"/> 一个图片
以上就是我这次要说的了,谢谢大家。