HTML基础知识(3)

  • HTML脚本
    <script>:定义了客户端脚本;
    <noscript>:定义了不支持脚本浏览器输出的文本。
  • HTML字符实体
    1、html中 < 与 > 无法使用,需用&lt; 或 &#60; 或 &#060
    2、放置空格被删使用:&nbsp;
    3、音标符:a&#768;a&#769;a&#770;a&#771;(分别为a的第4,2,3,1)声;
    4、实体字符对大小写敏感。

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、实体

&lt;    <!--等价于‘ < ’ -->
&gt;    <!--等价于‘ > ’ -->
&#169;  <!--等价于‘ © ’-->

上一篇:HTML基础知识(2)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容