zoukankan      html  css  js  c++  java
  • HTML入门基础知识

    HTML基础

    一:

    在我们的JAVA前端中,有三大技术:

            1).html :呈现
            2).css(bootst):样式与内容分离

            3).javascript(jquery):交互

    首先要了解到HTML的基本使用,能够构建出骨架,然后再做样式与内容分离,最后进行交互!

    在HTML中,标签很重要

    <html>
       <head>
       这是头
       </head>
       <body>
       这是主体
       </body>    
    </html>

    在一个HTML文件中,总体分为头和主体。 除特殊标签,一般都是成对存在的。比如头标签<head>,应带有/的结束标记</heaf>。

    <html>
       <head>
            <meta charset="UTF-8">
            <title>this is title</title>
       </head>
       <body>
         <h1>this is the firs title</h1>
            <h2>this is the second title</h2>
            <h3>this is the third title</h3>
       </body>    
    </html>    

    在<head>标签里的<title>指的是整个文件题目这是头里面要写的。想要写的内容都放在<body>主体里面。

    在上面的图中,h1~h3是一个标题标签,相应的一直到h6。从1到6的字体逐渐变小。简要写到h3,下面是网页显示结果。

    段落标签
    <P>
        锄禾日当午<br/>
        汗滴禾下土<br/>
    </P>
    换行标签
    <hr/>
    无序列表
    <ul>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
    </ul>
    有序列表
    <ol>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
    </ol>
     

    从这里开始,全部写的是主体里面的内容。<p>标签是段落标签,<br/>表示换行标签,上面的内容如下图!

    <!--插入图片:-->
    <img alt="出错了" src="dog.png">
     
    <!-- 内联框架 -->
    这是iframe页面:
     -->
     <iframe src="dog.png" width="300" height="300"></iframe>

    alt:图片未正常加载的时候需要显示的信息
    src:图片的路径:
        1.相对路径
          2.绝对路径

    显示的结果!右边就是内联框架的效果

  • 相关阅读:
    图解排序算法(三)之堆排序
    博客园添加看板娘
    php设计模式
    PHP二维数组排序 array_multisort
    php-jwt-token
    c++实现冒泡排序
    常见的排序 转
    Mac VMware Fusion CentOS7配置静态IP
    vmwar快照和克隆区别
    springboot maven打包插件
  • 原文地址:https://www.cnblogs.com/batt/p/7794941.html
Copyright © 2011-2022 走看看