HTML初步认识

HTML是用来制作网页的标记语言
HTML是Hypertext Markup Language的英文缩写,即超文本标记语言
HTML语言是一种标记语言,不需要编译,直接由浏览器执行
HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀
HTML是大小写不敏感的,HTML与html是一样的
HTML是由W3C的维护的
文件类型:文本文件,二进制文件,可执行文件(我们的程序)

标签是HTML中最基本单位,也是最重要组成部分。
通常要用两个角括号括起来:“<”和“>”。
标签都是闭合的(两种形式:成对与不成对)

标签是大小写无关的,<body>跟<BODY>表示意思是一样的,最好使用小写,这样符合XHTML标准


HTML标签名和属性都是不区分大小写的,例如<body>、<BODY>或<Body>都是定义相同的标记,但推荐全部使用小写字母书写。

html标签属性:HTML属性一般都出现在HTML标签中, 是HTML标签的一部分。
标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中。
标签可以拥有多个属性。
属性由属性名和值成对出现。
html颜色值得设置:
大多数的浏览器都支持颜色名集合,颜色值是一个关键字或一个RGB格式的数字,在网页中用得很多。
主要有以下两种:
使用英文单词作为颜色值:如:red、green、blue、black、maroon、white、yellow ......
可以使六位十六进制的颜色值:
   如:#000000 --- #ffffff(red,green,blue)
其中前两位表示红色,中间两位表示绿色,最后两位表示蓝色。

html注释:

HTML注释,我们经常要在一些代码旁做一些HTML注释,这样做的好处很多,比如:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等.
 HTML代码格式:

任何回车或空格在源代码中都是不起作用,所以在编写HTML代码时,都可以使用回车或者空格进行代码排版,这样可以使代码清晰,也便于团队合作。必须保持严格的缩进规则,以“Tab”键为准

应该把代码写的清楚漂亮,这样比写的正确更重要,因为只要代码写的清楚漂亮,这样可以避免出很多的错误。

HTML文档的主体结构:

HTML文档头部元素<head>:

head标签代表HTML文档的头信息,以<head>开始,</head>结束。

头(head)包含了当前文档的一些信息,例如标题信息,meta信息等,正常情况下头信息是不会显示在HTML文档中的.
head元素包含的常用标签:

创建图像和链接:

建立锚点和超链接:

插入图片的方法++++++++++++
img标签 -- 代表HTML图像
img标签是单独出现的:<img />, img是image(图像)的缩写
常用属性:  
alt -- 代表图像的替代文字
src -- 代表一个图像源(就是图像的位置)(href)
border – 代表图片边框的宽度
height -- 代表一个图像的高度
width -- 代表一个图像的宽度
设计网页时经常使用的图片有三种格式:
GIF -- 最多支持256色,支持透明,支持多帧动画显示效果.
JPEG -- 支持多种颜色,可以有很高的压缩比,使用了有损压缩,不支持透明,不支持动画效果.
PNG -- 是一种新的图片技术,可以表现品质比较高的图片,使用了无损压缩,支持透明,不支持动画.
建立锚点和超链接;

a标签 -- 代表HTML链接
a,是anchor(锚)的第一个字母,a标签是成对出现的,即<a>…</a>。
常用属性:
href -- 代表一个url链接源(就是链接到什么地方去)
url除了是网页外,还可以是其它的文件(如文本文件,pdf文件等)。
url还可以是指向HTML文件中的一个位置。
url还可以是Email地址。
target -- 用来指出哪个窗口或框架应该被此链接打开
target=_blank: 将链接内容在新的浏览窗口中打开。
target=_parent:将链接的内容,当成文件的上一个画面。
target=_self:  将链接的内容,显示在目前的窗口中。
target=_top:这个参数可以解决新内容被旧框窗包围的困扰,使用这参数,会将整个画面重新显示成链接的画面内容。
title -- 代表链接的附加提示信息
链接语法:
定位网页内部的链接(锚点链接):
用<a name=“”>定义,例如:<a name=“here1”>第一部分</a>,使用<a href=“#here1”>跳转到第一部分</a>超链接就可以定位到网页中的“第一部分”这个位置。
注意:<a href=“#”>…</a>与<a href=“”>…</a>的区别
URL(Uniform Resource Locator)的基本组成:
协议名://主机名:端口号/资源名。
例如: http://www.javauser.com:8080/index.html
为URL指定参数
例如:http://www.jaovo.com/register.html?name=zhangsan&password=123
带有定位标记的URL
例如:http://www.javauser.com/index.html#section2

URI-----是指这个数据的物理空间地址
URL-----是指找到这个数据的地图
有三种类型的链接路径:
绝对路径(例如 http://www.sohu.com/index.html)
文档相对路径(例如 adver/contents.html)
站点根目录相对路径(例如 /support/app/customer.html,其中“/”表示根目录)

时间: 2024-10-25 14:07:14

HTML初步认识的相关文章

初步了解CPU

了解CPU By JackKing_defier 首先说明一下,本文内容主要是简单说明CPU的大致原理,所需要的前提知识我会提出,但是由于篇幅我不会再详细讲解需要的其他基础知识.默认学过工科基础课. 一.总述 先从计算机的结构说起,在现代计算机中,CPU是核心,常常被比喻为人的大脑.现在的计算机都为“冯·诺依曼机”,“冯诺依曼机”的一个显著的特点就是由运算器.存储器.控制器.输入设备和输出设备组成.CPU是运算器和控制器合起来的统称,因为运算器和控制器在逻辑关系和电路结构上联系十分紧密,尤其在大

zerglurker的C语言教程004——指针初步讲解

在上次的教程里面,我提到了指针. 针对指针,这次我将简单的讲讲,后面我还会讲到--那个时候你应该有了相当的基础. 首先,先讲讲指针类型. 任何类型关键字后面加一个*符号,就会变成指针类型. 比如: char → char* 字符指针 int → int* 整数指针 double→double* 双精度指针 甚至还可以这样: char*→char** 字符指针的指针类型 →char*** 字符指针的指针的指针类型- 指针本质上是一个内存地址值,该内存地址上存放的是相关类型的数值.但是void*指针

nodejs,webpack安装以及初步运用

nodejs安装: 1.下载:https://nodejs.org/en/download/ 2.安装node-v6.11.3-x64.msi文件,直接默认安装(next--): 3.验证是否完成安装:cmd 进入后输入命令 node -v  回车能得到nodejs版本号: 输入node 回车再输入console.log('aaaaa') 回车能正常显示输出. 这表示nodejs安装成功. webpack安装: 1.npm安装:在f盘新建文件夹webpack,在webpack文件夹建文件夹dem

Github 的注册教程和初步使用体验

我叫许晴,是网工143的学生,学号是1413042064,兴趣包括手绘,看书和手游.学习过c++和汇编语言课程,但在编程方面没什么独立实践经验. 我的Githup用户名是 XQ123 .下面是我在github的注册流程及初步使用体验. 我先搜索github,试了好几次才进去官网,但是在手机客户端注册的话比较好进.这是网页注册的界面.使用名不能设成中文,只能使用数字.字母和特殊符号,不能以短横线开头.如果设置的用户名有重复的话也不能设置 如果设置的用户名已经有人使用的话,也是不能设置的. 然后就是

Unity3D游戏开发初探—2.初步了解3D模型基础

一.什么是3D模型? 1.1 3D模型概述 简而言之,3D模型就是三维的.立体的模型,D是英文Dimensions的缩写. 3D模型也可以说是用3Ds MAX建造的立体模型,包括各种建筑.人物.植被.机械等等,比如一个大楼的3D模型图.3D模型也包括玩具和电脑模型领域. 互联网的形态一直以来都是2D模式的,但是随着3D技术的不断进步,在未来的时间里,将会有越来越多的互联网应用以3D的方式呈现给用户,包括网络视讯.电子阅读.网络游戏.虚拟社区.电子商务.远程教育等等.甚至对于旅游业,3D互联网也能

虚拟桌面技术的初步探讨

[文章标题]: 虚拟桌面技术的初步探讨  [文章作者]:  newjueqi  [作者邮箱]: [email protected][作者QQ号]: 190678908[编写语言]:VC++6.0[操作平台]: XP-SP2[作者声明]:感觉到这是一种非常有意思的技术,这篇就当成是学习笔记吧!本人只是感兴趣,没有其它目的,失误之处敬请给位大侠原谅! 本文曾发表于看学论坛http://bbs.pediy.com/showthread.PHP?t=82537                      

【Qt学习笔记】1.初步接触

一.前言 Qt是一个跨平台的C++图形面向对象的框架,今天开始学习并记录学习过程,希望通过这段时间的努力学会Qt的使用. 同时我也希望在学习的过程中对C++的各种特性有能深刻的认识. 此外,我在Qt初步的学习过程中,所用的环境应该是 VS2015 IDE 二.安装 官网下载Qt安装包和 Qt for VS addin,分别安装,并配置. 三.Hello World 接下来用Qt框架来完成第一个程序 首先打开VS,创建一个Qt工程 熟悉的C++界面,但Qt是有可视化界面的,点击解决方案管理器中的.

基于C/S架构的3D对战网络游戏C++框架 _05搭建系统开发环境与Boost智能指针、内存池初步了解

本系列博客主要是以对战游戏为背景介绍3D对战网络游戏常用的开发技术以及C++高级编程技巧,有了这些知识,就可以开发出中小型游戏项目或3D工业仿真项目. 笔者将分为以下三个部分向大家介绍(每日更新): 1.实现基本通信框架,包括对游戏的需求分析.设计及开发环境和通信框架的搭建: 2.实现网络底层操作,包括创建线程池.序列化网络包等: 3.实战演练,实现类似于CS反恐精英的3D对战网络游戏: 技术要点:C++面向对象思想.网络编程.Qt界面开发.Qt控件知识.Boost智能指针.STL算法.STL.

初步安装、使用PyPy

最近一周,一直在琢磨着怎么提高python的运行效率,前几天还写了一篇关于提高运行效率的博文,有兴趣的可以去看看,地址如下:http://11026142.blog.51cto.com/11016142/1858568 这些都是从Python语言本身的角度提高优化代码来提高效率,看过几本Python教材.也看过网上的一些优秀博文,都说PyPy是Python的未来,是提高python运行效率的终极杀器,今天上午闲来无事,决定也来了解一下这个杀器.首先是在网上查资料大概了解一下PyPy是什么东西,在

9.8对编译原理的初步认识

编译原理的第一节课,老师为我们分享了几个网站(网站详情本文最底下),是有关于网友们对编译原理这门学问的看法.在别人的眼中,让我们初步领略<编译原理>的气息. 刚开始老师带领我们进入编译原理的世界,为我们介绍了编译原理的三大圣书——龙书.虎书和鲸书,可见在编译原理是一门多大的学问. 编译原理就是什么? 所谓编译,我们能够通俗的想到“翻译”这个词.一个编译程序就是一个语言翻译程序,语言翻译程序把一种语言(源程序)书写的程序翻译成另一种语言(目的语言)的等价程序. 就是程序员编写的高级语言翻译成计二