码迷,mamicode.com
首页 > Web开发 > 详细

HTML入门基础知识

时间:2017-11-06 21:19:46      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:javascrip   表示   title   query   body   pre   col   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.绝对路径

技术分享

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

HTML入门基础知识

标签:javascrip   表示   title   query   body   pre   col   html   字体   

原文地址:http://www.cnblogs.com/batt/p/7794941.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!