HTML5常用知识点

最新推荐文章于 2022-03-14 20:33:36 发布

置顶 beijiyb

最新推荐文章于 2022-03-14 20:33:36 发布

阅读量433

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web 前端设计文章标签： html 常用知识点

本文链接：https://blog.youkuaiyun.com/bobonpa/article/details/79001663

web 前端设计专栏收录该内容

1 篇文章

订阅专栏

下面我列举了html5中的一些常用知识点，并且进行了简单的说明。如果遇到了不懂得地方，可以在网上查找相关知识点的详细内容。

html基本

<br> 换行

&nbsp 空格

align="" 元素的位置left,right...

<div> 块元素

<span> 行内元素，可以更改一部分内容。

id="name" ==》 #name{}

class="name" ==》 .name{}

表单

基本表单

<form action="">

用户名：<input type="text" name="username" readonly><br>

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

</form>

type="text" 文本

type="password" 密码字段

type="checkbox" 复选框

type="radio" 单选框

type="submit " 提交按钮

type="comment "文本框

type="number"包含数字值的输入字段

type="date"   日期

type="color"   颜色

type="time" 时间

type="search" 搜索

type="url" url地址

action="" 提交的页面

name="" 标识名称

value="" 初始值

size="40" 输入字段尺寸

maxlength="10" 规定输入最大长度

readonly 只读，不需要值

disabled 禁用，不需要值

表单元素

<form action="">

<select name="cars">

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

<option value="fiat">Fiat</option>

<option value="audi">Audi</option>

</select>

<input type="submit">

</form>

<select> 下拉选择一个选项

<option> 元素定义待选择的选项

<textarea>定义多行输入文本域

<button>  定义可点击的按钮

<datalist> 为 <input> 元素规定预定义选项列表

常用文本格式Tag

<b>    粗体bold

<i> 斜体italic

<del> 文字当中划线表示删除

<ins>    文字下划线表示插入

<sub>    下标

<sup>    上标

<blockquote>  缩进表示引用

<pre>    保留空格和换行

<code> 表示计算机代码，等宽字体

超链接

<a href="url" target=_blank title = "">首页</a>

target=_blank 在一个新窗口里打开链接文件

title = "" 鼠标悬停时，显示该超链接的文字注释

name="C1   跳转到一个文件的指定部位

<a href="#C1">

资源路径

HTML相对路径(Relative Path)

当前目录 href = "index.html"

上级目录 href = "../index.html"

一个../表示一个上级，可以多个

下级目录 href = "html/index.html"

HTML绝对路径(Absolute Path)

www根目录下 http://www.admin5.com/html

图像

<img src="bg.jpg" alt="backgroup"

alt="" 替换文本

表格

<table border="1" frame="box">

<caption>我的标题</caption>

<tr>

<th>Heading</th>

<th>Another Heading</th>

</tr>

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

<th> 表头（列名）

<tr> 行（row）

<td> 列（cell）

border="1" 边框，默认无边框

<caption> 标题

frame="box" 框架，显示边框

frame="above"显示上边框

frame="below"下边框

frame="hsides"上下边框

frame="vsides"左右边框

列表

无序列表

<ul type="disc">

<li>Coffee</li>

<li>Milk</li>

</ul>

type="" 类型

有序列表

<ol type="A>

<li>Coffee</li>

<li>Milk</li>

</ol>

type="" 类型

定义列表

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

</dl>

内联框架

<iframe src="url" width="200" height="200"></iframe>

<iframe>在网页内显示网页。

<head>元素

可添加<title>、<base>、<link>、<meta>、<script> 以及 <style>标签

<title> 页面标题

<base>   页面上的所有链接规定默认地址或默认目标

<base href="http://www.runoob.com/images/"; target="_blank">

<link> 链接外部资源

<link rel="stylesheet" type="text/css" href="mystyle.css">

<style> html内定义样式

<mete> 针对搜索引擎的关键字；机器是可读；

   规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

<meta name="description" content="免费 Web & 编程教程">

<meta name="author" content="Runoob">

<script> 用于定义客户端脚本