HTML

最新推荐文章于 2025-09-12 15:58:40 发布

转载最新推荐文章于 2025-09-12 15:58:40 发布 · 83 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/ArtemisFang/blog/832552

文章标签：

#python

本文详细介绍了HTML的基本用法，包括文本编辑器的选择、HTML文件的基本框架、段落与字体样式的设置、列表与链接的创建方法等，适合HTML初学者。

2019独角兽企业重金招聘Python工程师标准>>>

the Hypertext Markup Language

1.软件准备

文本编辑器 mac: TextMrangler Windows：PSPad

浏览器

2.HTML文件框架

        <!DOCTYPE html>        //h5标识

        <html></html>         

        <head></head>        

        <title></title>

        <meta charset-utf-8>   

        <body></body>

3.段落

        <p></p>         

        <h1></h1>

        <hgroup></hgroup>

        <sup></sup>                          上角标

        <sub></sub>                          下角标

        <br></br>                            换行

        <wbr></wbr>                          word换行可打连词符

4.字体样式

        <b></b>

        <i></i>

        <small></small>

        <del></del>

        <ins></ins>

        <mark></mark>

5.短语格式

        <em>em强调</em>

        <strong>strong强调</strong>

        <dfn>definition定义</dfn>

        <code>code代码</code>

        <samp>samp例子代码</samp>

        <kbd>kbd用户输入</kbd>

        <var>variable变量</var>

        <cite>cite引用</cite>

6.特殊格式

        <address><address>

        <blockquote></blockquote>

        <q></q>

        <pre></pre>

7.属性

        <hr width=50% align=left size=1>

        <abbr title=“人民币”>RMB</abbr>

        “<”等于           &lt;    

        “>”等于           &gt;

        “&”等于           &amp;

        “空格”等于         &nbsp;

        “ü”等于           &uuml;

        “Ü”等于           &Uuml;

8.列表

无序列表

<ul>

list item 列表项

</ul>

有序列表，开始序号从2开始

</ol>

词条

png gif jpg

9.链接

图片链接

链接页面内某处

<a href=“#p1”>回到第一段</a>

新窗口打开链接

在页面某处链接显示其他网页

地图点击图片不同位置链接不同地方

</map>

10.表格

        <table border=“1”>

                <acption>表格</caption>

                <thead>

                        <tr>

                            <th>OS</th>

                            <th>Chinese</th>

                            <th>French</th>

                        </tr>

               </thead>

               <tbody>

                     <tr>

                            <td>iOS10</td>

                            <td>yes</td>

                            <td>yes</td>

                     </tr>

                     <tr>

                            <td colspan=“3”>windows</td>

                    </tr>

                </tbody>

                <tfood>

               </tfood>

        </table>

转载于:https://my.oschina.net/ArtemisFang/blog/832552