HTML
网页构成
摘要
说明
结构(HTML)
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
表现(CSS)
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
行为(JavaScript / jQuery)
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有购物网站中图片的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的
HTML文件结构
<html></html>为HTML页面中的根标签,所有的HTML网页中的标签都在<html></html>中。
这里<head>标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script><style>、<link>、 <meta>等标签。
在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
标签语法
标签由英文尖括号 < 和 > 括起来,如:<html>
html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多一个 / ,<title>..</title>;还有一些是自结束标签,如:<br/>
标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如: <div><p>..</p></div>
注释是不可以嵌套的,如:<!-- <!-- 注释部分 --> -->
HTML标签不区分大小写,<h1>和<H1>是一样的,但万维网联盟(W3C)建议小写。
常用标签 <h1>...</h1> 标题<br /> 换行
<hr /> 分割线
<p>...</p> 段落
<span></span> 行内
<img src="" /> 图片
<a href=""></a> 超链接
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<li>...</li> 列表项
<table>...</table> 表格
<tr>...</tr> 一行
<td>...</td> 一列
<th>...</th> 列标题
<form>...</form> 表单
<input> 输入框
<select>...</select> 下拉列表
<option>...</option> 下拉选项
属性
align="left" 【align="center",align="right" 左中右】
style="background-color: red" 【样式】