美文网首页
前端第一天---HTML

前端第一天---HTML

作者: 心i_af0a | 来源:发表于2018-12-18 16:20 被阅读0次

    W3C是一个网页主要由三部分组成:结构(HTML)、表现(CSS)、行为(Javascript)
    结构:HTML用于描述页面的结构
    表现:CSS用于控制页面中元素的样式
    行为:JavaScript用于响应用户操作
    html基本结构:

    <!DOCTYPE html>
    <html >
            <head>
                   <meta charset="UTF-8">
                   <title>网页标题</title>
            </head>
            <body>
                  内容
                  <h1>标题</h1>
                  <h2>标题</h2>
                  <h3>标题</h3>
                  .......
            </body>
     </html>
    

    HTML标签

    标签通常成对出现 ,如<p>和</p>

    <html> 与 </html> 之间的文本描述网页
    <body> 与 </body> 之间的文本是可见的页面内容
    <h1> 与 </h1> 之间的文本被显示为标题
    <p> 与 </p> 之间的文本被显示为段落
    <img/>作用是图片标签,像页面导入外部图片
    我们将一个完整的标签称为元素
    元素就是标签,标签就是元素

    <p>我是一个<em>段落</em></p>
    p也是一个元素,em是p的子元素,p是em的父元素

    常见字符集
    ASCII
    ISO-8859-1
    GBK
    GB2312
    UTF-8(全球通用)
    ANSI

    产生乱码的根本原因是,编码和解码采用字符集不同

    提示:学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。

    HTML 标题

    HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

    实例

    <pre><h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>
    </pre>
    

    HTML 段落

    HTML 段落是通过 <p> 标签进行定义的。

    实例

    <pre><p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    </pre>
    

    HTML 链接

    HTML 链接是通过 <a> 标签进行定义的。

    实例

    <pre><a href="http://www.w3school.com.cn">This is a link</a></pre>
    

    HTML 图像

    HTML 图像是通过 <img> 标签进行定义的。

    实例

    <pre><img src="w3school.jpg" width="104" height="142" /></pre>
    

    注释:图像的名称和尺寸是以属性的形式提供的。

    相关文章

      网友评论

          本文标题:前端第一天---HTML

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