Html快速入门

Html是一门编写网页的语言。

在我学习Html的时候,网上的很多朋友说,直接使用【记事本】编写就行了,最后保存为后缀名为 .html 的文件。

不过,我建议你用【Nodepad++】来编写网页,用这个软件有几个好处:

1,像<html>这样的标签,在Nodepad++中是变颜色的,方便识别;而且成对的标签可以折叠。

2,按住Ctrl键,滑动滑轮,可以放大或缩小字体,我就比较喜欢大字体,不费眼睛。

你可以到网上搜一下Nodepad++,然后安装一下。

下面就开始编写你的第一个网页。

1,打开Nodepad++,选择【文件】->【新建】

2,在新建的文件中输入下面的内容:

<html>
<head>
<title>
html快速入门
</title>
</head>

<body>
这是我写的第一个网页。
原来写网页是这么的简单!
</body>

</html>

3,选择【文件】->【保存】->在文件名右边的框中写上 home.html

->单击保存

4,找到 home.html保存的位置,双击打开,就可以看到你写的第一个网页了。

下面开始讲解这个网页的内容。

1,像 <html>,<head>,<body>,这些都是标签,而且一般都是成对出现的,比如<html></html>,后面的那个标签多一个斜线 / ,这就构成了一对闭合的标签。

2,网页是由上面介绍的这些标签构成的。

(1)最外层是<html></html>,它表明了这是一个网页;

(2)内部的<head></head>,它代表网页的“头”,这里面一般会写脚本和样式,后面我会讲到,暂时不用管。

(3)head标签内部的title标签,title体现了网页的主题内容,一定要加上。而且要突出关键词,方便用户搜索到。例如:

方式A: <title>小游戏 | 休闲小游戏 </title>

方式B: <title>小游戏 - 打造全国最好休闲小游戏网站</title>

这两种表达方式除了能有效提高主关键字【小游戏】的词频外,还增加了意义相近的辅关键字【休闲小游戏】。其中,A中采取的是多个关键字简单排列的形式;而B则采取的是对主关键字进行描述的形式,这样不但更能得到搜索引擎的青睐,同时也更能吸引用户的点击。

(4)<body></body>,它代表网页的“身体”,里面的文本可以直接在网页中看到。一般其他的标签也都是放在body当中的,后面我会讲到。

学到这里,你就可以编写出一个简单的网页了,下面说几点内容,帮你排除一些困惑。

1,怎么判断一个文件是不是网页?

一般,网页的后缀名都是 .html,.htm,所以我让你把刚才新建的文件保存为 home.html,这就把它保存为了网页,你就可以双击打开它,在浏览器中看到这个网页。

2,我看到一些网页的头部有下面的内容,请问它是什么啊?我用记住怎么写吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这个是用来告诉浏览器:这个网页是什么类型。网页有不同的类型,不同类型就有不同的要求,像这里的Transitional,就说明了这是一个过渡类型的网页,也就是一个有要求、但要求不太严格的网页。

完全没有必要记住这一串内容怎么写。我当时学习网页的时候就是被这一串内容吓得几天不敢学html了,你只要知道这是一段网页类型的声明就行了,如果你使用【Dreamweaver】来建网页,它会自动给你写好的。即便Nodepad++没有添加,那也是直接复制一下就行了,而且学习html的时候,根本不用管这段内容。

3,每建一个网页,我都需要把这些内容一个字母一个字母的敲出来吗?

刚开始学习的时候,最好手动敲一下这些标签,比如html,head,body等等。多写多练习,很容易就学会了。

当你熟练了以后,可以直接使用【Dreamweaver】来建网页,新建的网页直接就包括了html的基本结构,你只需要添加需要的内容就行了。

而且,当你工作之后,写的很多网页可能都是类似的,基本上都是粘贴复制,然后修改一下。不过,粘贴复制容易出错,因为可能某个地方你没有修改过来,因此,你要仔细检查一下。

Html快速入门,布布扣,bubuko.com

时间: 2024-10-08 09:30:08

Html快速入门的相关文章

笔记:Spring Cloud Zuul 快速入门

Spring Cloud Zuul 实现了路由规则与实例的维护问题,通过 Spring Cloud Eureka 进行整合,将自身注册为 Eureka 服务治理下的应用,同时从 Eureka 中获取了所有其他微服务的实例信息,这样的设计非常巧妙的将服务治理体系中维护的实例信息利用起来,使得维护服务实例的工作交给了服务治理框架自动完成,而对路由规则的维护,默认会将通过以服务名作为 ContextPath 的方式来创建路由映射,也可以做一些特别的配置,对于签名校验.登录校验等在微服务架构中的冗余问题

javaweb-html快速入门

本文主要是进行HTML简单介绍(详细的属性查帮助文档就行了,这里主要为快速入门,赶时间,在最短的时间中看明白一个html文件的代码(如果能称之为代码的话)详细的样式表,布局啥的有时间再研究吧) HTML 1.html的简介 1.1,html的全称:HyperText Mark-up Language ,超文本标记型语言,是网页的语言. 超文本:比文本更加强大(后面还会讲到XML,可扩展标记性语言) 标记:就是标签,html所有操作都是通过标签直接或间接的操作(把需要操作的数据通过标签封装起来)

crosswalk 快速入门,利用WebRTC(html)开始开发视频通话

crosswalk 快速入门,利用WebRTC(html)开始开发视频通话 安装Python 从http://www.python.org/downloads/ 下载安装程序 安装完后,再添加到环境变量. 安装Oracle JDK 下载页面: http://www.oracle.com/technetwork/java/javase/downloads/ 选择要下载的Java版本(推荐Java 7). 选择一个JDK下载并接受许可协议. 一旦下载,运行安装程序. 安装Ant Ant:下载http

bash编程快速入门

首先,我们简单的介绍一下bash,bash是GNU计划编写的Unixshell,它是许多Linux平台上的内定shell,它提供了用户与系统的很好的交互,对于系统运维人员,bash的地位是举足轻重的,bash编程能很快处理日常的任务 bash入门,一个最简单的bash例子 #vim hello.sh #!/bin/bash #This is the first example of the bash #echo "Hello world" 下面,我们就这个简单的bash 脚本来介绍一下

定时器(Quartz)快速入门

Quartz概述 Quartz中的触发器 Quartz中提供了两种触发器,分别是CronTrigger和SimpleTrigger. SimpleTrigger 每 隔若干毫秒来触发纳入进度的任务.因此,对于夏令时来说,根本不需要做任何特殊的处理来"保持进度".它只是简单地保持每隔若干毫秒来触发一次,无论你的 SimpleTrigger每隔10秒触发一次还是每隔15分钟触发一次,还是每隔24小时触发一次. CronTrigger 在特定"格林日历"时刻触发纳入进程的

vue.js--60分钟快速入门

Vue.js--60分钟快速入门 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js,Vue.js提供了更加简洁.更易于理解的API,使得我们能够快速地上手并使用Vue.js. 本文摘自:http://www.cnblogs.com/keepfool/p/5619070.html 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM

Netty5快速入门及实例视频教程(整合Spring)

Netty5快速入门及实例视频教程+源码(整合Spring) https://pan.baidu.com/s/1pL8qF0J 01.传统的Socket分析02.NIO的代码分析03.对于NIO的一些疑惑04.Netty服务端HelloWorld入门05.Netty服务端入门补充06.Netty客户端入门07.如何构建一个多线程NIO系统08.Netty源码分析一09.Netty源码分析二10.Netty5服务端入门案例11.Netty5客户端入门案例12.单客户端多连接程序13.Netty学习

一起学Google Daydream VR开发,快速入门开发基础教程一:Android端开发环境配置一

原文因涉及翻墙信息,被强制删除,此文为补发! 准备工作 进入Google Daydream开发者官网,开启准备工作,官网地址:https://vr.google.com/daydream/developers/ -------------------------------------------------------------------------------------------------------------------- Google Daydream开发者网址: https

程序员带你十天快速入门Python,玩转电脑软件开发(二)

关注今日头条-做全栈攻城狮,学代码也要读书,爱全栈,更爱生活.提供程序员技术及生活指导干货. 如果你真想学习,请评论学过的每篇文章,记录学习的痕迹. 请把所有教程文章中所提及的代码,最少敲写三遍,达到熟悉的效果. 声明:本次教程主要适用于已经习得一门编程语言的程序员.想要学习第二门语言.有梦想,立志做全栈攻城狮的你 如果是小白,也可以学习本教程.不过可能有些困难.如有问题在文章下方进行讨论.或者添加QQ群538742639.群马上就满了,名额不多. 上节课主要讲解了以下内容: 为什么学习Pyth

程序员带你学习安卓开发,十天快速入门-基础知识(四)

关注今日头条-做全栈攻城狮,学代码也要读书,爱全栈,更爱生活.提供程序员技术及生活指导干货. 如果你真想学习,请评论学过的每篇文章,记录学习的痕迹. 请把所有教程文章中所提及的代码,最少敲写三遍,达到熟悉的效果. 本系列课程是.Net程序员学习安卓开发系列课程. 下面是前三次课程列表: 程序员带你学习安卓开发,十天快速入门-安卓学习必要性 程序员带你学习安卓开发,十天快速入门-开发工具配置学习 程序员带你学习安卓开发,十天快速入-对比C#学习java语法 为了大家系统有效的快速入门安卓开发,推荐