html:(2):制作第一个网页和html和css的关系

在<h1>和</h1>标签之间，输入Hello World 字符串。

<!DOCTYPE HTML>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>制作我的第一个网页</title></head><body><h1>Hello World</h1></body>
</html>

学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

下面给大家布置一个任务，在完成任务的时候，每输入一行代码，代码窗口就会立即显示出效果。

1.在右边编辑器的第8行，输入font-size:12px;（注意结果窗口的文字大小的变化）。

2.在右边编辑器的第9行，输入color:#930;（注意结果窗口的文字颜色的变化）。

3.在右边编辑器的第10行，输入text-align:center;（注意结果窗口的文字居中的变化）。

<!DOCTYPE HTML>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Html和CSS的关系</title><style type="text/css">h1{font-size:12px;color:#930;text-align:center;}</style></head><body><h1>Hello World!</h1></body>
</html>

运行结果

html:(2):制作第一个网页和html和css的关系相关推荐

web网络和http协议（了解域名和网页，制作第一个网页，了解http协议，流程和请求报文格式）
文章目录 web网络和http协议了解域名早期使用HOST文件解析域名现在DNS(Domain Name system 域名系统) 域名的概述域名空间结构域名介绍域名注册域名注册步骤网 ...
div+css动漫网页制作,dw个人网页设计,静态html+css网页设计
简单个人网页制作大学生网页设计作业静态HTML个人博客主页 DW个人网站模板下载大学生简单个人网页作品代码一.作品介绍 1.作品简介 :学生个人网页制作,dw网页设计,静态div+css网页设 ...
Dreamwerver开发环境及创建第一个网页
Dreamwerver开发环境及创建第一个网页一.实验名称: 二.实验日期: 三.实验目的: 四.实验内容: 五.实验步骤: 六.实验结果: 七.源程序: 八.心得体会: 一.实验名称: Dream ...
用html编写一个诗歌的网页,试验2用HTML语言制作简单的网页.doc
<计算机网络B>实验指导书实验三网页制作测绘工程学院实验三网页制作一.实验目的 1.简单了解HTML语言. 2.认识网页以及网页的结构. 3.掌握用HTML语言制作简单网页的方 ...
java源代码众筹网站_【JavaWeb项目】一个众筹网站的开发（三）第一个网页
一.bootstrap 本项目采用bootstrap3 使用bootstrap三步: 1.导入jQuery 2.导入bootstrap自己的css样式 3.导入bootstrap自己的js文件 boo ...
Django(part3)--制作我的第一个网页
学习笔记,仅供参考文章目录制作我的第一个网页 URL介绍路由制作第1个网页 path方法开始我们的第一个网页制作我的第一个网页 URL介绍定义 URL即统一资源定位符Uniform Re ...
html课做一个网页,菜鸟自学建站 HTML 第三课制作我的第一个网页_html/css_WEB-ITnose...
上一课我们了解了Dreamweaver的工作界面,从这节课开始,我们由浅入深的开始学习网页的制作. 首先打开Dreamweaver,制作网页首先要新建一个文档,就像我们写文稿需要一张纸一样. 只有有了 ...
制作自己的第一个网页
Hello World一般是程序员使用新编程语言写的第一个测试程序,对于程序员来说,hello world能够正常展示到浏览器上,就表示我们的代码已经能够编译正常运行了.所以我们就从最简单的hello ...
html基础-html简介-第一个网页（1）
今天刚刚开通博客园,把我最近整理的html/css来说一下,对于初学者还是有一定的帮助. 一.先来为大家简单普及以下html (1).html英文即:hypertext markup language ...

html:(2):制作第一个网页和html和css的关系

html:(2):制作第一个网页和html和css的关系相关推荐

最新文章

热门文章