HTML网页的基本结构及基础功能

一、HTML网页的基本结构
1、HTML——超文本标记语言,浏览器解析html标记后,展示内容
2、H5——HTML5(目前流行比较火)
3、网页的基本结构
  3.1静态网页的拓展名htm或html
  3.2新建网页的步骤:
1、新建文本文档,更改拓展名为htm或html
2、编写网页的基本结构,并报春
3、双击html文件,在浏览器中运行
  3.3网页的基本结构
    <html>
      <head>
        <title>网页的标题</title>
        <body>网页显示的内容</body>
       </head>
    </html>
4、HTML语言的特点
     标记,大部分的都是成对存在
不区分大小写 H5区分大小写
浏览器解析HTML标记 
二、使用相关的标签进行排版
1、网页的标题
  <title></title>
2、标题标签
  <h1>....<h6>数字越大 标题越小
3、段落标记——<p>[/P]可以有也可以没有
4、换行——<br/> [/]可以有野可以没有
5、水平线——<hr/>
6、字体加粗<strong></strong> 斜体<em></em>
7、HTML中的注释和特殊的符号--P15页
  注释:<!-- -->
  特殊符号 空格&nbsp; 大于号&gt; 小于号&lt;
  引号&quot;版权符号&copy;

三、在网页上插入图片
 <img src="图片地址" alt ""替换的文字 
title ""鼠标悬浮停留时的文字 width ="宽" height"高"/>
ps:src属性必须有 其他的属性可以有可以没有
图片路径:相对路劲和绝对路径
1、相对路径,不出现有磁盘名字的路径
../表示上级目录
../../表示目录的上一级目录
2.绝对路径,有磁盘名字的路径 
C:\Documents and Settings\Administrator\桌面
***网页中使用相对路径
四、超链接
1、通用语法:
<a href=路径target="-self丨blank"(前是当前页面打开,
后是新建宽口打开>超链接上的显示的文字</a>
2、作用:页面导航

3、锚链接P23.24
  1>先设置锚记
  <a name="锚记名" </a>
  2>超链接访问当前页面中的锚记?
  <a href="#锚记名”></a>
4、打开邮件发送邮件
  <a href="mailto:邮箱名“>点我发送邮件</a>

时间: 2024-08-02 18:46:01

HTML网页的基本结构及基础功能的相关文章

HTML网页的基本结构及基本功能

一.HTML网页的基本结构1.HTML--超文本标记语言,浏览器解析html标记后,展示内容2.H5--HTML5(目前流行比较火)3.网页的基本结构 3.1静态网页的拓展名htm或html 3.2新建网页的步骤: 1.新建文本文档,更改拓展名为htm或html 2.编写网页的基本结构,并报春 3.双击html文件,在浏览器中运行 3.3网页的基本结构 <html> <head> <title>网页的标题</title> <body>网页显示的内

DIV+CSS网页布局常用的一些基础知识整理

CSS命名规范一.文件命名规范 全局样式:global.css:框架布局:layout.css:字体样式:font.css:链接样式:link.css:打印样式:print.css: 二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer 版 权:copyright 导 航:menu主导航:mainMenu子导航:subMenu 标 志:logo标 语:banner标 题:title侧边栏:sidebar 图 标:Icon注 释:note

(转载)ASP.NET三大核心对象及基础功能解析

原文链接:http://tech.it168.com/a2011/1207/1284/000001284879_all.shtml 想当初在只使用WebForms框架并以服务端为中心的开发模式时,发现Asp.net好复杂.一大堆服务端控件,各有各的使用方法,有些控件的事件也很重要,必须在合适地时机去响应,还真有些复杂.后来逐渐发现这些复杂的根源其实就是服务器控件相关的抽象逻辑.随着Ajax越用越多,可能有些人也做过这些事情:[新建一个ashx文件,读取一些用户的输入数据,Form, QueryS

谷歌Chrome浏览器开发者工具的基础功能

上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能,下面介绍的是Chrome开发工具中最有用的面板Sources.Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要功能面板.通常只要是开发遇到了js报错或者其他代码问题,在审视一遍代码而一无所获之后打开Sources进行js断点调试,几乎能解决8成的代码问题. js断点功能让人兴奋不已,以前只能在IE中靠alert弹出窗口调试js代码,那样的开发环境对于前端程序员来说简直是一场噩梦.本篇介绍Sources的具体

KVM的基础功能(网络、内存、cpu、存储的配置)

KVM的基础功能(网络.内存.cpu.存储的配置) cpu的配置 1)查看cpu插槽数量 [[email protected] ~]# cat /proc/cpuinfo |grep "physical id" |wc -l 24 2)查看cpu核心数量 [[email protected] ~]# cat /proc/cpuinfo |grep "core id"| wc -l 24 3)查看cpu的模型 [[email protected] ~]# cat /p

jmeter 基础功能详解

jmeter 基础功能详解 thread group:包含一组线程,每个线程独立地执行测试计划. sampler:采样器,有多种不同的sample实现,用来发起各种请求,如http请求,jdbc请求,javaTest请求等等. logic controller:逻辑控制器有多种不同的实现,可以决定每个sample的执行顺序. listener:有多种不同的实现,主要用于统计测试接话运行中的数据并展示,如可以进行图形化方式展示响应时间. timer:定时器,有多种不同的实现,可用作每个请求见的停顿

关于网页脚本代码结构的再思考

在很多说法中,总是建议将我们的javascript脚本加载在网页的最后,并用外部文件的形式,然而事实并不是这样,外挂的文件最好不要太多,脚本结构代码本身才是值得我们思考的问题.我们需要重新思考我们撰写的脚本的执行力,并把更优秀的javascript开发思路融入到我们的开发中. 我在读完了几篇关于javascript和jQuery的性能优化的文章之后,才恍然大悟,我以前所做的很多代码结构优化,最终只是让乌徒帮显得臃肿,于是重新设计脚本代码的结构,无论怎么样,乌徒帮现在的网页打开显得更加流畅了. 1

struct结构体基础知识

/* ============================================================================ Name : TestStruct.c Author : lf Version : Copyright : Your copyright notice Description : struct结构体基础知识 ==================================================================

六、EnterpriseFrameWork框架基础功能之权限管理

回<[开源]EnterpriseFrameWork框架系列文章索引> 从本章开始进入框架的第二块内容“EnterpriseFrameWork框架的基础功能”,包括:权限管理.字典数据管理.报表管理和消息管理四块,这些功能又包括两个版本,Web版和Winform版也就是说有两套界面: 既然开始讲基础功能,顺便说一下EnterpriseFrameWork框架的适用范围,前面也有提到过就是此框架适合中小团队这是一方面,还一方面就是此框架适合行业应用系统软件的开发,你用它做一个“超市库存管理系统”.“