HTML小白学习指南

最新推荐文章于 2023-05-17 19:00:57 发布

J-JMF

最新推荐文章于 2023-05-17 19:00:57 发布

阅读量1.6k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/JMFLFZYF/article/details/114730361

版权

关于HTML

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。简单来说，html是进行网页设计时的一种规范。

HTML的一些常见标签

1.<html></html>与<body></body>
<html> 与 </html>标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。正如您所了解的那样，文档的头部由 <head> 标签定义，而主体由 <body> 标签定义。

2.<!- ->
在html中，与C++等不同的是，注释语句时使用的是<!- ->。
如 

3.<p>与</p>
创建一个段落

4.<a href="url"></a>
这是进行超链接的标签。utl为链接的地址。如连接到百度<a href="https://www.baidu.com">百度</a>百度。超链接也可以把图片作为链接的载体，将上例中的百度改为图片地址即可完成。

5.<div></div>
<div>的作用是定义文档中的节（也可理解为区块的划分）。

6.<ol></ol>/<ul></ul>与<li>
<ol>与<ul>分别定义有序列表和无序列表，在<ol></ol>（<ul>相同）中可以使用<li>来进行每一行的编写如<ol> <li>这是第一行 <li>这是第二行</ol>

这是第一行
这是第二行

7.<hr>
这个可以使页面出现一条直线以用来划分页面<hr>

8.<pre></pre>
该标签可以真实反映你所写的文本，以方便进行文本的排版。

9.<img sec="url">
该标签用来插入图片,url为图片链接，可以是本地地址，也可以是网络地址。

10.<video ></vodeo>
该标签用来插入视频文件，需与<source src="url">连用。

11.其它的标签推荐前往菜鸟教程观看
菜鸟教程

简单的html示例

<html>
<head>
    <h1> HTML简单示例 </h1>
</head>
<body>
    <hr>
    <ol>
        <li> 这是第一条 </li>
        <li> 这是第二条 </li>
    </ol>
    <ul>
        <li>这是一条无序的</li>
        <li>这是另一条无序的</li>
    </ul>
    <hr>
    <!--标记highlight-->
    <p>You can use the mark tag to <mark>highlight</mark> text.</p>
    <!--del和s都可用来表示删除-->
    <p><del>This line of text is meant to be treated as deleted text.</del></p>
    <p><s>This line of text is meant to be treated as no longer accurate.</s></p>
    <!--ins用来表示被插入的文字-->
    <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
    <!--u用来表示下划线-->
    <p><u>This line of text will render as underlined</u></p>
    <!--small让字体更小-->
    <p><small>This line of text is meant to be treated as fine print.</small></p>
    <!--strong让字体加粗-->
    <p><strong>This line rendered as bold text.</strong></p>
    <!--em让字体变斜-->
    <p><em>This line rendered as italicized text.</em></p>
    <hr>
    <a href="https://baidu.com">百度</a>
    <a href="https://baidu.com"> <img src="https://img0.baidu.com/it/u=205441424,1768829584&fm=26&fmt=auto&gp=0.jpg"></a>
    <hr>
    <video width="900px" height="400"controls="controls" loop>
      <source src="https://player.vimeo.com/external/335517022.sd.mp4?s=2f67e44f1eccd25dac119a333171041e38ebc0c5&profile_id=165&oauth2_token_id=57447761">
    </video>
</body>
</html>

总结

html的学习较为简单，但是需要大量的实践才能明白、掌握并熟练的应用惠html的标签来布置出心仪的页面。但，可能有些想法html并不能实现，所以，要想真正写出一个好看的页面，就必须继续学习CSS，MDB，JavaScript等更加方便、高级的部署页面方式。

J-JMF

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML小白学习指南

关于HTMLHTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。简单来说，html是进行网页设计时的一种规范。标题HTML的一些常用标签1. <html>与</html><html> 与 </html>标签限定了文档的开始点和结束点，在它们之间是文档
复制链接

扫一扫