初学者学习HTML必知

初学者学习HTML必知

 

1.基本概念

HTML 是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

CSS 样式是表现。比如,标题字体、颜色变化,或为标题加入背景图片、边框等,所有这些用来改变内容外观的东西称之为表现。

JavaScript 是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单,或鼠标滑过表格的背景颜色改变,还有焦点新闻(新闻图片)的轮换。有动画的,有交互的一般都是用 JavaScript 来实现的。

2.常用标签

强调语气:<em>是斜体,<strong>是加粗

引用:<q>短文本引用,<blockquote>长文本引用

换行 <br />

水平横线 <hr />

空格 &nbsp;

表格 <table><tbody>

加上后表格内容全部下载完才会显示

<tr>

<td>

表格表头 <th>

标题 <caption>

超链 <a>

例子:<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

新标签打开:target="_blank"

图片 <img>,图像可以是 GIFPNGJPEG 格式的图像文件

例子:<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

表单 <form>

文本域 <textarea>

例子 <textarea rows="行数" cols="列数">文本</textarea>

cols 多行输入域的列数;rows 多行输入域的行数。这两个属性可用 CSS 样式的 width height 来代替:col widthrow height 来代替

输入框 <input type="text/password" name="名称" value="文本" />

type=text 时,输入框为文本输入框

type=password , 输入框为密码输入框

/复选框 <input type="radio/checkbox" value="" name="名称" checked="checked"/>

type=radio 时,控件为单选框,同一组单选框 name 命名要一致

type=checkbox 时,控件为复选框

提交按钮 <input type="submit" value="提交">

重置按钮 <input type="reset" value="重置">

下拉列表框 ` `

value <option value="提交值">选项</option>

选中 selected="selected"

多选 multiple="multiple"

标签 <label for="控件id名称">,标签的 for 属性中的值应当与相关控件的 id 属性 值一定要相同

推荐阅读