HTML笔记

百般思念 提交于 2020-01-28 20:37:19

HTML的概念

  • HTML:Hyper Text Markerup Language,超文本标记语言
  • 超文本:使用超链接的方法,将各种不同空间的文字信息组织在一起的一种网状文本语言
  • 标记语言:由标签构成的语言,<标签语言>,例如html,xml(标记语言不是编程语言)

HTML快速入门

  • 后缀名:.htmlor .htm

标签分类以及标签语法

<html>
    <head>
        <title>login</title>
        <body>
            <font color = 'red'>Hello World!</font><br>
            <font color = 'green'>Hello World</font>><br>
        </body>
    </head>
</html>
  • 标签的嵌套:需要正确的嵌套(类似括号的匹配)
  • 围堵标签:开始标签、结束标签。如<html></html>
  • 自闭和标签:开始标签和结束标签在一起。如<br>
  • 在开始标签当中可以定义属性。属性是由键值对构成的,值需要用引号引起来。
  • html的标签不如分大小写,但是建议使用小写

标签

一、文件标签:构成html最基本的标签

  • html:html文档的根标签
  • head:头标签,用于指定html文档的一些属性,还可以引入一些外部的资源
  • title:标题标签
  • body:体标签
  • <DOCTYPE html>:html5当中定义该文档是html文档

二、文本标签:和文本有关的标签

  • 代码实例
    <!DOCTYPE html>
    <html>
        <head>
            <meta character = "utf-8">
            <title>theme</title>
        </head>
        <!-- 我操你妈 -->
        <body>
            <h1>chenajide</h1>
            <font color = 'red'>Hello World!</font><br>
            <font color = 'green'>Hello World</font><br>
            白日依山尽,黄河入海流。<p><hr color="red" width = "20" size="20">
            <b><i>落霞与孤鹜齐飞,秋水共长天一色。<br>
            <font colol = "red" size = "10" face = "楷体">五花马千金裘,呼儿将出换美酒</font>
        </body>
    </html>
    
  • <!--...-->:html注释
  • <h1> to <h6>:标题标签
  • <p>:段落标签
  • <br>:换行标签
  • <hr>:显示一条水平线
  • <b>:字体加粗
  • <i>:字体斜体
  • <front>:字体标签,face可设置字体

三、图片标签

四、列表标签

五、连接标签:超链接标签

六、表格标签

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!