HTML基础知识(3)
2018-06-14 本文已影响0人
Hf1dw
- HTML脚本
<script>：定义了客户端脚本；
<noscript>：定义了不支持脚本浏览器输出的文本。 - HTML字符实体
1、html中 < 与 > 无法使用，需用< 或 < 或 <；
2、放置空格被删使用：
3、音标符：àáâã(分别为a的第4，2，3，1)声;
4、实体字符对大小写敏感。
- HTML的URL
1、网址分析：
scheme://host.domain:port/path/filename
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 runoob.com
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称
2、四个scheme解释：http、https、ftp、file
- html基础总结
1、基本文档
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
可见文本
</body>
</html>
2、基本标签
<h1>一级标题</h1>
<h2>........</h2>
<h3>........</h3>
<h4>........</h4>
<h5>........</h5>
<h6>六级标题</h6>
<p>这是一个段落</p>
<br> <!---换行-->
<hr> <!--水平线-->
<!--注释-->
3、文本格式化
<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd>
<pre>预格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
<abbr> <!--缩写-->
<address> <!--联系信息-->
<bdo> <!---文字方向-->
<blockquote> <!--从另一个引用的部分-->
<cite> <!--工作的名称-->
<del> <!--删除的文本-->
<ins> <!--插入的文本-->
<sub> <!--下标文本-->
<sup> <!--上标文本-->
4、链接
<a href="url">链接文本</a> <!--普通链接-->
<a href="将要跳转的url"><img src="图片本身的URL" alt="替换文本"</a> <!--图像链接-->
<a href="邮箱地址url">发送email</a> <!--邮箱链接-->
<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a> <!--文本内跳转-->
5、图片
<img src="url" alt="替换文本" height="图片高度" width="图片宽度">
6、样式/区块
<style type="text/css">
h1 {color:red;}
p{color:blue;}
</style>
<div>文档中的块级元素</div>
<span>文档中的内联元素</span>
7、无序列表
<ul>
<li>项目1</li>
<li>项目2</li>
</ul>
8、有序列表
<ol>
<li>第一项</li>
<li>第二项</li>
</ol>
9、定义列表
<dl>
<dt>项目1</dt>
<dd>项目描述1</dd>
<dt>项目2</dt>
<dd>项目描述2</dd>
</dl>
10、表格
<table border="1">
<tr>
<th>表格标题1</th>
<th>表格标题2</th>
</tr>
<tr>
<td>表格数据1</td>
<td>表格数据2</td>
</tr>
</table>
11、框架
<iframe src="demo_iframe.htm"></iframe>
12、表单
<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>苹果</option>
<option selected="selected">香蕉</option>
<option>樱桃</option>
</select>
<textarea name="comment" rows="20" cols="20"></textarea>
</form>
13、实体
< <!--等价于‘ < ’ -->
> <!--等价于‘ > ’ -->
© <!--等价于‘ © ’-->
