hmtl简介

作者: 一条没有梦想的老咸鱼 | 来源:发表于2018-06-11 20:47 被阅读12次

    html简介

    什么是html?
    超文本标记语言是一种可以用来结构化web内容并给予其含义和目标的编码语言

    • html不是程序语言,是标记语言
    • 他是有一系列元素(elements)组成,不用的元素有不同的功能

    嵌套元素

    元素之间可以相互嵌套

    <p>我们是祖国的<strong>美丽的</strong>花朵</P>
    

    空元素

    空元素没有内容,比如img,他是用来嵌入图片的

    <img src="images/1.png" alt="祖国的花朵”
    

    HTML文档的基本结构

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        
    </body>
    </html>
    
    • <!DOCTYPE html>文档类型声明
    • <html>包含整个页面内容
    • <head> 包含页面描述,css样式等,但不会被用户看到
    • <body> 用于包含给与用户看到的页面的内容
    • <meta charset="UTF-8">初始化页面字符集
    • <title>设置页面标题

    html文本

    标题与文本

    <h1>最大的标题</h1>//h1~h6 代表了6个不同层级的标题
    <p>这是一个段落</p>//这是一个段落
    

    列表

    html中列表分为无序列表和有序列表

    无序列表
    ul
    有序列表
    ol

    嵌套列表

        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    

    em strong

    <em>是斜体起到强调作用

    <p>这是一个<em>段落</em></p>
    

    strong粗体 也起到强调作用 强调层级比em高

    <p>这是一个<strong>段落</strong></p>
    

    描述列表<dl><dt><dd>

    <dl>
        <dt>html</dt>
        <dd>一个文本标记语言</dd>
        <dt>css</dt>
        <dd>css层叠样式</dd>
    </dl>
    

    缩写

    <abbr title="hypertext markup Language">
    <p><abbr title="hypertext markup Language">html</abbr></p>
    

    超链接

    <a href="https:/bing.com">

    相关文章

      网友评论

        本文标题:hmtl简介

        本文链接:https://www.haomeiwen.com/subject/awegtftx.html