分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

HTML入门基础知识

发布时间:2023-09-06 01:23责任编辑:郭大石关键词: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入门基础知识

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved