首页 / HTML / HTML基础篇分享

HTML基础篇分享

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML基础篇分享，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2144字，纯文字阅读大概需要4分钟。

内容图文

今天继续给大家分享一些我整理好的HTML基础部分的笔记。

首先今天第一部分：跑马灯标记

常见属性：

l direction：滚动的方向取值 left(默认值从右向左进行滚动)、right、up、down

l behavior：滚动的方式取值：scroll(滚动默认值) slide(滑动只滚动一次) alternate(弹动打乒乓球一样 )

l width：设置宽度

l height：设置高度

l bgColor：设置背景颜色

l scrollAmount：滚动的步长值一步走多远值越大速度越快

技术分享

二、计算机进制

在计算机中有以下几种进制：

十进制：0、1、2、3、4、5、6、7、8、9 基数：10

二进制：0、1 基数：2

八进制：0、1、2、3、4、5、6、7 基数：8

十六进制：0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F 基数：16

生活中有哪些进制：

十进制

24小时

七天一个星期

60分钟表示一个小时

365天表示一年

12月表示一年

16两等于1市斤

如何将其它的进制转换为十进制：

按权展开

(123456.11)_{10 =} 1*10⁵+2*10⁴+3*10³+4*10²+5*10¹+6*10⁰+1*10^-1+1*10^-2

(1001.11)₂ = 1*2³+0*2²+0*2¹+1*2⁰+1*2^-1+1*2^-29.75

(67)₈= 6*8¹+7*8⁰ = 55

(FF )₁₆ = 15*16¹+15*16⁰= 255

十进制如何转换为二进制

整数部分与小数部分

整数部分：除2取余法

小数部分

乘2取整法

计算机它只能识别二进制

三、计算机编码

因为计算机它只能识别二进制

在计算机发明之初它是没有办法去识别人类的语言

字母A 在小明同学的电脑上面是使用1001来表示

字母B 在小强同学的电脑上面是使用1001来表示

因为电脑是美国人发明的美国有一个标准化局它就制定了一套字符编码的标准来让电脑与电脑之间能够进行通信 ASCII编码

ASCII编码

它是使用一个字节来存储字符每一个字符都使用一个字节来存储

一个字节共可以存储多少个字符：

一个字节等于 8位它共可以存储256个字符

ASCII编码它可以给英文国家来进行使用

每个国家都想使用计算机来进行通信但是ASCII编码不能满足非英文国家使用所以就对ASCii编码进行扩展 ANSI编码

ANSI编码

它是使用2个字节来存储字符

一个汉字它其实就是占据了两个字节的位置

2个字节共可以存储256*256 = 65536个字符

GB2312编码

它是中国标准化局于1980年制定的当时它共存储了6000多个汉字

朱镕基

它也是使用2个字节来存储

GBK编码

它也是使用2个字节来存储

它共存储了2W多个汉字

Unicode

它想让每个国家与国家都能够正常的通信

它使用3~4个字节来存储字符

现在它共收录了100多万个字符

UTF-8

我们可以将这个字符编码理解为智能机器人

它会根据字符的情况去判断使用几个字节来存储字符

A 使用一个字节来存储

我使用二个字节来存储

最大程度是减少了空间

四、head标记

title标记

这个标记的作用是用来显示网页的标题

技术分享

meta标记

它主要的作用：

n 它告诉浏览器要使用什么编码来解析当前的文档

n 它可以实现网页刷新

n 它可以实现网页跳转

它还可以实现SEO优化

告诉浏览器要使用什么编码来解析当前的文档

技术分享

XHTML

可扩展超文本标记语言

HTML语法上稍微严格一些！！

l 单边标记要结束

l 标签名必须要小写

l 属性必须要属性值

l 文档前面必须要有DTD定义

超级链接

<a href=”要链接的目标地址URL” target=”_self|_blank”>文字或者图片</a>

相对路径

平级关系当前文件与目标文件在同一个文件夹里面

上级关系目标文件在当前文件的上一级

下级关系目标文件在当前文件的下一级

上级关系： ../表示上一级

../../表示上两级

锚点链接

要实现锚点链接需要两步：

第一步：要定义锚点

第二步：要找到定义的锚点链接

<a href=”#锚点名”>文字或者图片 </a>

图片标记

<img />

src：图片的URL地址

alt：如果图片不存在的时候显示的文字信息有利于SEO优化

title：当鼠标放上图片上面时显示的文字信息

width：设置图片的宽度

vspace：设置图片的上下的距离

hspace：设置图片的左右的距离

原文：http://www.cnblogs.com/SummerSuSu/p/6071927.html

内容总结

以上是互联网集市为您收集整理的HTML基础篇分享全部内容，希望文章能够帮你解决HTML基础篇分享所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1098073.html

来源：【匿名】

【上一篇】HTML学习（六）图像【下一篇】PHP 和 HTML

更多 ►

【HTML基础篇分享】教程文章相关的互联网学习教程文章

AJAX基础（三）——DOM基础及DOM操纵HTML【代码】

DOM的概念 DOM= Document Object Model，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点 DOM很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围。Dom技术使得用户页面可以动态地变化，如可...

HTML5基础

1.HTML是什么?HTML是用来描述网页的一种语言,它是一种超文本标记语言,也就是说,HTML不是一种编程语言,仅是一种标记语言.2.HTML特点简易性：超级文本标记语言版本升级采用超级方式，从而更加灵活方便。可拓展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。平台无关性：虽然PC大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛...

HTML零基础入门视频课程——笔记【代码】

视频课程链接：http://edu.51cto.com/course/16023.htmlHTML，主讲：汤小洋一、HTML简介1. HTML是什么? HTML：Hyper Text Markup Language超文本标签(标记)语言? 由各种标签组成，用来制作网页，告诉浏览器该如何显示页面2. 作用制作网页，控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过链接检索信息使用表单获取用户信息，实现交互3. 版本? W3C：World Wide Web Consortium [k?n?s?:ti?m]万维网联盟，制定Web...

HTML语言基础应用【图】

Html文档可以包含的内容：文本：HTML对文本的支持是最丰富的，你可以设置不同级别的标题，分段和换行，可以指定文本的语义和外观，可以说明文本是引用自其它的地方，等等等等。链接链接用来指出内容与另一个页面或当前页面某个地方有关。图片图片用于使页面更加美观，或提供更多的信息。列表列表用于说明一系列条目是彼此相关的。表格表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。表单表单通常由文本输...

HTML基础做出属于自己的完美网页【代码】【图】

HTML HTML解释：HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的规则（W3C），大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！网页的组成：一个网页一般由两部分组成即：HTML（Hypertext Markup Language）和CSS（Cascade Style Sheets）HTML负责描述网页的结构和内容（如标题...

HTML基础 pre 显示预排版的代码【代码】【图】

OS : Windows 10browser : Chrome 83.0.4103.116editor : Visual Studio Code 1.46.1 typesetting : Markdown html<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><pre><html></html></pre> </body></html> resultresource[ 教程 ] www.w3school.com.cn/html/index.asp[ 手册 ] www.w3cscho...

html基础【代码】

HTML通过各种标签进行定义，最简单的HTML文档：<html> <head><title>简单的HTML</title> </head> <body><p>title 元素的内容会显示在浏览器的标题栏中。</p><p>body 元素的内容会显示在网页中。</p> </body> </html>　　基本HTML页面以<html>标签开始，以</html>结束。在它们之间，整个页面有两部分－－头部和正文。　　头部－－夹在<head>和</head>标签之间－－<head>定义文档的头部，是所有头部元素的容器。可以引用脚本、指示浏...

XHTML基础

XHTML文档由元素组成，元素定义了文本和图形在浏览器中显示的方式，告诉web浏览器如何显示页面。XHTML 元素使用XHTML标记定义，每个标记都出现在一对尖括号中，标记通常成对出现，第一个标记定义了标记的起点，称为开始标记第二个标记定义了标记的结尾称为结束标记。在开始标记和结束标记之间的为别把称为元素内容。标记具有属性，属性提供了关于页面上的XHTML元素的附加信息。XHTML文档的总体结构由<html>/<head><body>这三个文档...

通达OA 小飞鱼工作流在线培训教程（一）HTML基础介绍【图】

应一些刚接触工作流设计朋友的要求，这里开设一个系列教程，对通达OA工作流设计相关的内容做个介绍。方便解决一些日常经常出现的问题，希望对刚刚接触这部分工作的朋友能够有些帮助。工作流设计须要多方面的知识，当中的HTML是最基础的部分，这里先通过大概4小节的课程将HTML部分介绍一下。对于刚接触网页html语言的朋友能够实际操练一下。寻经常常使用的编辑工具能够使用Dreamweaver。记事本或者Editplus、UltraEdit，对于刚開始学...

HTML&CSS基础学习笔记1.6-html的文本操作标签【图】

文本也许是HTML里最常见的元素了，所以我们有必要对HTML的文本操作标签做下认识。1. <em>，<i>内的文字呈现为倾斜效果；2. <strong>，<b>内的文字呈现为加粗效果；3. <b>，<i>只是单纯的为了让文本具有某种特殊样式，而<strong>，<em>不仅带有特殊样式，而且也表达了某种语义；4. 在单纯的为了达到某种样式的情况下，建议使用不带有语义的标签。体验如下：http://www.mayacoder.com/lesson/lesson?lesson_id=28&knowledge_id=5原文...

Reboot运维开发html基础-06

零基础HTML5游戏制作教程第6章贪吃蛇的实现及代码【代码】【图】

第6章贪吃蛇的实现及代码讲了不少东西了，老讲理论的东西没劲呀，我们不如先试着做一个小游戏吧。作为我们的第一个游戏，当然是越简单越好。《贪吃蛇》大家应该都玩过吧？我觉得我玩过的游戏中，她应该算是最简单的一个了。好，就让我们从做《贪吃蛇》开始，享受自己做游戏的乐趣吧。由于这个游戏是本教程的第一个实际的游戏例子，我会讲的比较详细一些。请大家重点注意编程的思路和实现的方法，这些远比代码本身要重要。一，蛇身...

HTML基础 select selected 下拉列表的默认值【代码】【图】

OS : Windows 10browser : Chrome 83.0.4103.116editor : Visual Studio Code 1.46.1 typesetting : Markdown html<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><form><select name="道家经典"><option value="道德经">道德经</option><option value="清静经" selecte...

web基础，用html元素制作web页面【代码】【图】

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Mis问答平台</title></head><body><h1>mis问答系统</h1><h2>2015</h2><div id="container" style="width: 300px"><div id="header" style="background-color: darkorange"><h2 align="center">登陆界面</h2></div><div id="content"><form> 用户名：<input type="text" placeholder="请输入账号"><br>密码&nbsp：<input type="password" placeholder="请输入密...

html基础

HTML 简介 HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <html>HTML 标签通常是成对出现的，比如 <b> 和 </b>标签对中的第一个标签是开始标签，第二个标签是...

首页 / HTML / HTML基础篇分享

HTML基础篇分享

内容导读

内容图文

ASCII编码

ANSI编码

GB2312编码

GBK编码

Unicode

UTF-8

title标记

meta标记

告诉浏览器要使用什么编码来解析当前的文档

XHTML

超级链接

相对路径

锚点链接

图片标记

内容总结

内容备注

内容手机端

【HTML基础篇分享】教程文章相关的互联网学习教程文章

基础 - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程