随笔:0 文章:19 评论:0 阅读: 1693

1,html是什么?
概述:HTML是一种超文本标记语言:其实HTML是一种专门向计算机描述我们的设计图上有什么内
容的一种符号。我们通常将HTML语言成为HTML标签。
基本语法:<HTML标签名称></html标签名称>
我们怎么才能做出来一个HTML页面呢?
1,建立一个“文本文档.txt”,我们把文本文档的后缀".txt"修改为“.html”点击确认,这个时候我们
的网页文档就建立起来了。
我们可以点击该文档,以右键方式,选择以记事本或者编辑器的方式打开页面,这个时候我们可
以在这个页面进行内容编辑:这个过程叫做输入过程。
我们可以直接双击该文件打开,这个时候只能浏览该页面。
当网页建立起来之后,
我们需要在空白的页面上,开始编写我们的网页基本结构。
首先我们需要写一个声明标签,向计算机提示:应该用什么标准翻译网页。
语法:<!doctype html>
<!>:代表的意思是:声明如下:doc:文档,type:类型,HTML代表的是版本。综合起来就是:声明如下
,我的文档类型是HTML。
为了呼应声明,我们需要设置页面的开始位置和结束位置。
<html>//开始
HTML内容:为了向计算机说明,我们的内容是什么语言:我们需要向计算机提供我们文档存储的
编码标准:
<meta charset="">charset="gbk/gb2312/utf-8"这三种取值受到我们文档存储的编码标准的影
响。如果我们的页面存储为ANSI格式,取值:gbk/gb2312.
如果存储为UTF_8,取值为utf-8。
这个设置的信息是要给计算机看的,同时它的设置影响了计算机对后面内容的翻译,所以我们必
须把该内容放在最顶上,因为计算阅读网页是从上向下,从左往右读取。
所以我们在HTML中专门开辟了head区域存放该类信息,所以head被成为初始化区域。
语法:
<head>
<meta charset="gbk">
除了设置字符标准,我们还需要设置网页的标题。
语法:<title>文字内容</title>
除了网页标题之外,我们还需要写网页的关键词和简介
<meta name="keywords" content=""/>
<meta name="description" content=""/>
</head>
<body>
可视化区域
在网页中,我们经常会看到一段文字上面会有一个总结性的文字,这个文字比较大,比
较粗,我们称为:网页标题内容使用典型的标签名<h>
<h>标签有6组h1-h6.h1标签一个页面中,只允许使用一次。常用的h2-h4.
在输入界面不管怎么输入。我们都是独占一行输出的标签,称为:块标签。

如果我们需要将多行内容放到一个段落里,就使用<p>标签
<br/>换行标签是一个典型的单标签,它本身就代表换行的意思。
<img src="">,因为在编辑页面中,我们没办法直接粘贴图片,所以我们只能使用<img>标签,将
存放在其他地方的图片调过来。调用的属性叫:src:
后面要写的就是图片存放的地址路径:
路径有四种写法:
1,绝对路径:根目录盘:/存储的文件夹名字/文件名,在计算机中根目录盘:c:/,d:/,e:/f:/;
这些盘符。优点:能够无视图片存放的位置,直接找到图片。缺点:不能出错,书写麻烦,一旦更换地址
,路径全部错了。
2,相对路径:利用图片和文件共处在一个空间内,只是他们最后的存储位置不太一样,利用这
个原理来找文件。
1),图片放在HTML页面同级//图片名称.jpg
2),图片放在HTML的下级//图片存放的文件夹名字/图片名称.jpg
3),图片放在html的上一级// ../图片名称.jpg
标签的属性:img的后面有一个src的字符,这个src:代表图片的调用路径,它是img的属性:英文统称:
attr。图片的属性里面除了,src还有title用来作鼠标提示,Alt向搜索引擎做关键词提示的。
链接标签:<a></a>淡出的a没有链接效果,它需要href=""赋予效果。href代表的是跳转路径的
意思。路径跳转到外网:需要使用绝对路径:URL的绝对路径必须有http://开始。target:打开方式。取
值:“_blank”//新页面形式打开
利用链接标签实现同页面的定点跳转:
1,在目的地建立锚点<a name="锚点名称">目的地</a>。2,在点击区域使用锚点<a href="#锚点名称">
点击区域</a>
我们在制作页面的时候发现a标签会排列在一行输出。,无论怎么呢输入,最后都一行输出,这样的标签
称为:行标签。
列表标签:

1,ul//无序列表:一般我们用来表示网页中出现导航和标题集合内容。其中标题集合的内容区
域,我们叫它list,列表内容类型。
在ul中,每一个标题都需要用一个li标签包裹起来。要不就行成不了列表
基本语法:<ul>
<li><a href="#1"></a></li>
<li><a href="#1"></a></li>
<li><a href="#1"></a></li>
</ul>
在ul使用中,li里面必须包含a标签
</body>

</html>//结束。

 

posted @ 2017-12-27 20:59 苏晓韩 阅读(169) 评论(0) 推荐(0)

2018年2月24日

摘要: BOM概述: BOM和DOM都被称为宿主对象, DOM是WEB页面的存放环境; BOM是浏览器的运行环境;面试题: 内置对象,自定义对象和宿主对象有什么区别? 内置对象:是厂家直接预定义好的对象方法; 自定义对象:开发人员根据需要自我定义的相关方法; 宿主对象:前端文档运行的环境;BOM对象的代码标 阅读全文
posted @ 2018-02-24 10:57 苏晓韩 阅读(247) 评论(0) 推荐(0)

2018年1月15日

只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2018-01-15 22:05 苏晓韩 阅读(3) 评论(0) 推荐(0)
 
只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2018-01-15 22:02 苏晓韩 阅读(0) 评论(0) 推荐(0)
 
摘要: 内置对象: 1,对象的定义: 就是在程序中,我们需要描述,控制,定义的目标或者为目标设置的方法以及 在程序所需要使用的一切数据都可以称之为对象。 2,对象是有类别: 方法类对象function,数组类对象array,对象类对象object,日期类对象date 数学公式类的对象Math,错误警告类对象 阅读全文
posted @ 2018-01-15 22:01 苏晓韩 阅读(77) 评论(0) 推荐(0)
 
摘要: String对象中常用的方法1、charCodeAt方法返回一个整数,代表指定位置字符的Unicode编码。strObj.charCodeAt(index)说明:index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。如果指定位置没有字符,将返回NaN。例如: var str 阅读全文
posted @ 2018-01-15 22:00 苏晓韩 阅读(61) 评论(0) 推荐(0)
 
摘要: 1,数组的概念: 数组是一种空间,主要是用来存储批量数据的空间。2,数组的语法: var a=[1,2,3];//使用直接量创建数组 数组的名称:a 数组的元素:1 2 3 数组中排第一位的序号是:0,那么0这种序号被称为数组的下标号。 <script> var arr=[1,2,3,4]; //a 阅读全文
posted @ 2018-01-15 21:59 苏晓韩 阅读(80) 评论(0) 推荐(0)
 
摘要: 1,函数/方法: 就像变量拥有自己的声明一样,函数也拥有自己的类声明。 function 就是一个类声明,函数/方法是一个典型的引用数据类型 函数的基本语法是: 声明:function 名字aa()//参数列表{//方法 }创建函数:有两种创建方法: 1,使用类声明直接创建:function aa( 阅读全文
posted @ 2018-01-15 21:58 苏晓韩 阅读(71) 评论(0) 推荐(0)
 
摘要: 控制语句: 我们已经学习了常变量来存储数据,学了数据类型来区分数据,学了运算符来计算数据,转化方法来转化需要的数据。但是我们获得数据之后怎么做。这就是我们学习控制语句的主要意义。 控制语句就相当于我们在日常生活中说话的语法控制语句分为两大类: 分支控制语句和循环语句。 分支语句: 1,if(条件成立 阅读全文
posted @ 2018-01-15 21:57 苏晓韩 阅读(86) 评论(0) 推荐(0)
 
摘要: 数据的运算: 说直白点:就是利用数学的运算方式来对我们变量中存储的数据进行:计算,对比,条件设置,赋值等处理 运算所使用的符号叫做运算符: 运算符分为:算术运算符,关系运算符,逻辑运算符,赋值运算符,三目运算;算术运算符: 加号:+:当+号在运算中遇到字符串,加号变成拼接符,所有数据类型都变成字符串 阅读全文
posted @ 2018-01-15 21:56 苏晓韩 阅读(69) 评论(0) 推荐(0)
 
摘要: 1,什么叫程序: 程序就是计算机按照人类完成事物的步骤和逻辑,通过计算机命令来逐步执行最终实现目标的一种机器语言。程序语言最大的特点:1,输入数据,2,处理数据,3,输出数据。javascript简介:1,概述: javascript简称js,这是一种典型的基于浏览器运营环境进行运行的一种程序脚本语 阅读全文
posted @ 2018-01-15 21:55 苏晓韩 阅读(103) 评论(0) 推荐(0)
点击右上角即可分享
微信分享提示