HTML基础

初始HTML

  • HTML

    • Hyper Text Markup Language(超文本标记语言)
  • W3C

    • World Wide Web Consortium(万维网联盟)
    • 成立于1994年,Web技术领域最权威和最具影响力的国际中立性技术标准机构
  • W3C标准包括

    • 结构化标准语言(HTML,XML)
    • 表现标准语言(CSS)
    • 行为标准(DOM,ECMAScript)
  • 等成对的标签,分别叫**开放标签**和**闭合标签**,

    单独呈现的标签(空元素),如


    ;意为用/来关闭空元素

网页基本信息

  • <!-- DOCTYPE : 告诉浏览器,我们要使用什么规范-->
    <!DOCTYPE html>
    <html lang="en">
    <!-- head 标签 代表网页头部-->
    <head>
    <!-- meta 描述性标签 用来描述网站的一血信息   -->
        <meta charset="UTF-8">
        <meta name="zhangwords" content="世杰学java">
        <meta name="description" content="自学java">
    
    <!--  title 标签代表网页标题  -->
        <title>hello world</title>
    
    </head>
    <!-- body 标签代表网页主体-->
    <body>
    
    Hello World
    
    </body>
    </html>
    

网页基本标签

  • 标题标签

  • 段落标签

  • 换行标签

  • 水平线标签

  • 字体样式标签

  • 注释和特殊符号

  • <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>基本标签学习</title>
    
    </head>
    <body>
    <!--标题标签-->
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>
    <h4>四级标签</h4>
    <h5>五级标签</h5>
    <h6>六级标签</h6>
    
    <!--段落标签-->
    <p>贝瓦儿歌  两只老虎, </p>
    <p>   两只老虎,     跑得快,</p>
    <p>   两只老虎,     跑得快,</p>
    <p>   两只老虎,     跑得快,</p>
    <p>   两只老虎,     跑得快,</p>
    
    
    <!--水平线标签-->
    <hr/>
    
    
    <!--换行标签-->
    贝瓦儿歌  两只老虎,
       两只老虎,     跑得快,<br/>
      两只老虎,     跑得快,<br/>
      两只老虎,     跑得快,<br/>
      两只老虎,     跑得快,<br/>
    
    <!--粗体-->
    <h1>字体样式标签</h1>
    
    粗体 :  <strong> i love you </strong>
    斜体 :  <em>i love you</em>
    
    <br/>
    <!--特殊符号-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格:
    &gt;
    &lt;
    &copy;
    
    <!--
    特殊符号记忆方式
    查百度  
    -->
    
    </body>
    </html>
    

图像标签

  • 常见的图片格式

    • JPG
    • GIF
    • PNG
    • BMP
  • <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>图像标签学习</title>
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值