整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Html网页入门

Html网页入门

门——01

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

1.首先打开Sublime Text 3,这是一款超级好用的文本编辑器。

Sublime Text 3

2.新建html文件,先点击file,创建文档

新建文档

3.Ctrl+s保存,注意后缀名为 .html。比如(我的网页.html)

4.开始写代码了,下面的几行代码是网页的基本框架。头部引入外部css样式,主体内容是网页的内容。

<!DOCTYPE html>
<html>
<head>
	》
</head>
<body>
 
</body>
</html>

截图

4.下面开始写内容了

<!DOCTYPE html>
<html>
<head>
	<title>我的网页</title>
</head>
<body>
 <div style="width: 100%;height: 400px;background: blue">
 	<h1 style="color:#fff;text-align: center;">我是h1标签</h1>

 </div>
</body>
</html>

一个div标签里面写了个h1标签。div标签是相当于一个容器,容器里摆放了一个h1标签,其中容器颜色为蓝色,h1标签默认颜色是黑色,所以给他白色。效果如下:

效果

想绘图控件,不需要AutoCAD就能独立运行。控件使用VC 2010开发,最早从2007年第一个版本完成,经过多年的累积已经非常稳定可靠,有关键的空间搜索算法,并使用汇编优化,可以处理50万级实体。

运行环境

支持32/64位系统:WinXp、Win2000、Vista、Win7、win8、win10、Window server等

网页使用,支持IE所有版本

支持语言

VC、VB、C#、Delphi、HTML、ASP、JAVA、HTML、JavaScript、C++ builder、PHP、.Net、易语言、PowerBuild等

编程接口

有1万多个接口函数可调用,提供类似ObjectArx,AutoCAD VBA,COM开发接口,与AutoCAD二次开发接口相同。

文件功能

控件支持自定义文件格式,扩展名为mxg文件,自定义文件稳定可靠,能完整承现DWG文件,支持图纸预览,加密等

支持DWG、DXF、BMP、JPG、PNG、DWF、PDF、GIF、ICO DGN,SHP等

DWG文件支持

控件与AtuoCAD兼容,支持AutoCAD R14 到AutoCAD 2013的所有dwg图纸格式,并保证能支持将来新出现的AutoCAD文件格式

网络功能

IE中浏览服务上的DWG文件,把DWG文件保存回服务器等,在服务后台运行控件,把Dwg转成其它格式,提取信息等,支持ftp连接,二进制数据流加载。支持IE所有版本。

主要功能

浏览编辑DWG、DXF、BMP、JPG文件、支持SHX、TrueType字体显示,DWG批量转到PDF、DWF,图纸信息搜索提取,测距离,算面积,图章,批注,捕捉,正交,实体闪烁,曲线离散,偏移,打断,阵列,扩展数据读写,扩展记录读写,构造选择集,打印,动画,自定义实体,组,右键菜单,超连接,Undo,Redo,字典,图层,标注样式,线型样式,文字样式,视口,布局,用户坐标系,系统变量,图纸比较,图纸剪切,界面切换,动态提示,google百度地图等

打印功能

框选,全屏打印,后台批量打印,多个图纸嵌

TML的入门

1. HTML的代码文件

(1)打开Hbuilder开发工具,新建项目,点击右键新建一个HTML文档。

(2)在文档中写HTML代码

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>产品列表</title>

</head>

<body>

这是产品页面

<b>好好学习,天天向上</b>

<h1>好好学习,天天向上</h1>

</body>

</html>

温馨提示:

常用的快捷键:

Ctrl+s:保存

ctrl+c:复制

ctrl+x:剪切

ctrl+v:粘贴

2. HTML的基本结构

对于HTML文件的后缀名一般为“html”或“htm”

2.1HTML的标签格式

(1)什么是HTML标签?

HTML标签是有开始标签和结束标签组成

开始标签:是被尖括号包围的元素名

结束标签:是被尖括号包围的斜杠和元素名

<元素>内容 </元素>

例如:<b>好好学习天天向上</b>

注意:有些HTML标签是没有结束标签的, <hr/>

(2)单标签和双标签

双标签:例如:<b></b>

单标签:<hr/> <br/>

(3) 标签的属性

<font size="1">好好学习</font>

<font size="7">好好学习</font>

<h1 title="h1" style="color: red;">

我是一个标题标签

</h1>

3. HTML基本结构的认识

<!--<!DOCTYPE html>:文档声明,告知浏览器文档使用哪种HTML或XHTML规范,让浏览器通过正确的方式解析我们的网页,让网页能够正确的显示。-->

<!DOCTYPE html>

<!-- <html>标签:是网页的跟标签-->

<html>

<!--head是网页头,一般表示网页中描述信息-->

<head>

<!--

meta:提供网页的相关信息,有利于搜索引擎收录

charset="UTF-8": 设置网页编码方式为utf-8

name="Keywords" :设置网页关键字

name="viewport": 设置网页视窗大小

-->

<meta name="Keywords" content="HTML5前端开发工程师入门到精通课程"/>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

<!-- <title></title>:表示网页的标题 -->

<title></title>

</head>

<body>

<!--

<body></body>:网页的主体内容,用户呈现的内容,比如文字,图片,链接,视频……

-->

</body>

</html>

4. HTML的注释

<!--这里是注释的内容-->

5. HTML的编码问题

常见编码个格式:

UTF-8:国际通用的编码格式

GBK/GB2312:中文编码字符

HTML的编码:<meta charset="UTF-8">

6. HTML规范

(1)html标签都是有尖括号包围的标签,比如<b>

(2)标签通常是成对存在,<b></b>,<h1></h1>

(3)HTML不区分大小写,我们建议小写。

(4)HTML可以嵌套,但是允许交叉嵌套

正确写法:<b> <h1>我很粗</h1> </b>

错误写法:

<b> <h1>我很粗 </b></h1>