web的标准构成为:结构(html)、表现(css)、行为(JavaScript)。以下主要介绍html的一些基础,html又称为超文本标记语言。
一、标签
(1)标签分为双标签和单标签;
常见的双标签:
<html></html> <!-- 页面中最大的标签,我们称为跟标签 -->
<head></head> <!-- 注意在head标签中我们必须要设置的标签是 -->
<title></title> <!-- 让页面拥有一个属于自己的网页标题 -->
<body></body> <!-- 元素包含文档的所有内容,页面内容基本都是放到body里面的 -->
<p></p> <!-- 段落标签 -->
<!-- 文本格式化标签 -->
<strong></sstrong>或<b></b> <!-- 加粗,推荐使用<strong>标签,语义更强烈-->
<em></em>或<i></i> <!-- 倾斜 推荐使用<em>标签加粗,语义更强烈 -->
<del></del>或<s></s> <!-- 删除线 推荐使用<del>标签加粗,语义更 强烈 -->
<ins></ins>或<u></u> <!--下划线 推荐使用<ins>标签加粗语义更强烈 -->
<!-- <div>和<span>标签
他俩是没有语义的,它们就是一个盒子,用来装内容的
-->
<div></div> <!--用来布局,自己独占一行,大盒子 -->
<span></span> <!-- 用来布局 ,一行上可以有多个<span>,小盒子 -->
<h1></h1> <!-- h1至h6 为标题标签 逐渐减小 -->
<a></a> <!-- 超链接 -->
<table></table> <!-- 表格-->
<thead></thead>
<tbody></tbody>
<tr></tr> <!-- 行标签-->
<td></td> <!-- 单元格内的文字-->
<form></form> <!--表单 -->
<!-- 无序列表-->
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
<!-- 有序列表-->
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
<!-- 自定义列表-->
<dl>
<dt>名词1</dt>
<dd>对名词1的解释1</dd>
<dd>对名词1的解释2</dd>
</dl>
<!-- select下拉表单元素-->
<select>
<option>选项1<option>
<option>选项2<option>
注意:在<option>中定义selected=“selected”时,即为默认选项
…….
</ select>
<textarea> 文本域</textarea> <!-- 文本域-->
<lable></lable>
单标签
<input > <!--搜集用户信息-->
<img > <!--向网页中嵌入一幅图像-->
<br > <!--换行-->
<hr > <!--创建一条水平线-->
(2)标签关系
包含关系
<head>
<title></title>
</head>
并列关系
<head></head>
<body></body>
二、路径
相对路径:同一级路径、上一级路径(…/)、下一级路径(/)
绝对路径:指目录下的绝对位置,直接达到目标位置,通常是从盘符开始的路径