HTML与CSS关系
HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上. 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础.
什么是HTML?
HTML是用来制作网页的标记语言
HTML是Hypertext Markup Language的英文缩写, 即超文本标记语言
HTML语言是一种标记语言,不需要编译,直接由浏 HTML语言是一种标记语言,不需要编译,直接由浏览器执行
HTML文件是一个文本文件,包含了一些HTML元素, HTML文件是一个文本文件,包含了一些HTML元素,标签等.
HTML文件必须使用html或htm为文件名后缀
HTML是大小写不敏感的,HTML与html是一样的
Html和CSS的关系
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
2. CSS样式是表现(外观控制)。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
学习HTML困难吗?
可能你以为制作一个网站很难,但事实并非如此!制作网站其实是很简单的事情,就像你编辑word文档,文字加粗,文字改变颜色,添加背景,文字居中,插入图片等等,在网页上只不过你把你的这些操作使用HTML语言来表示罢了。假如你认真学习本课程的话,你将能10分钟入门,30分钟做一个简单的网页,1小时制做一个网站。
关于HTML文档的后缀名
我们知道HTML文件的后缀名有.htm和.html,出现2个后缀的原因是过去的老软件只支持3个字母的后缀,所以.html的文件只能写成写成.htm,这是长久以来形成的习惯. 当然现在不存在软件不支持的情况,使用哪种后缀看你的喜好.
让计算机显示后缀名
1.如果是Windows7系统,双击打开桌面上的”计算机”. 如果是XP系统双击打开桌面上的”我的电脑”
2.点击菜单的"工具"按钮打开"文件夹选项”.
3.点击查看按钮, 取消"隐藏已知的文件、文件夹和驱动器"选项
第一个HTML
打开windows的记事本,粘贴以下代码
1
2
3
4
5
6
7
8
|
< html >
< head >
< title >网页标题</ title >
</ head >
< body >
< p >第一个HTML文件</ p >
</ body >
< html >
|
点击记事本菜单的"文件"按钮打开"另存为"对话框,填写文件名为"First.html"
双击打开这个HTML文件,显示结果如图:
HTML开发工具
正常情况下估计你已经拥有所需要的所有的工具了。浏览器(browser)它是用于浏览网站的程序。关于游览器有很多可供选择,最普及的浏览器当属微软(Microsoft)公司的 Internet Explorer(IE),其他的一些浏览器包括 Chrome(谷歌)、Firefox(火狐)等。这些浏览器的基本功能都是浏览网页,因此具体使用哪个浏览器是无所谓的。
需要注意的是搜狗浏览器,360浏览器他们使用的是IE和谷歌浏览器的内核,只是做了界面和增加他们的一些功能,实际上还是IE或谷歌浏览器.
编写HTML文档的工具很多,也许你听说过Notepad++、EditPlus等文本编辑器。甚至用过一些专业的HTML网页制作工具dreamweaver,现在可以忘掉这些程序了!它们对你学习网页制作没有什么帮助。相反,你需要的是一个简易的文本编辑器。如果你正在使用 Windows (微软视窗)操作系统的话,你可以使用它自带的记事本(Notepad)程序。你可以依次点击“ 开始菜单→程序→附件”找到记事本
说明: Dreamweaver网页制作工具功能强大,带语法下拉菜单提示,在实际开发中可以节约开发时间.但是你是学习HTML最好使用记事本或EditPlu这种简单的文本编辑器,把HTML代码完整一个一个的打出来,这样有利于你的记忆. 但是为了便于演示,后面的课程我们使用dreamweaver的插图.
网址:http://www.adminwang.com/html/30.html
HTML与CSS关系相关推荐
- html css基础页面,一、必知HTML基础
一.必知HTML基础-CSS教程系列 在学习CSS制作知识之前,我们必须需要认识的HTML什么基础知识. 1.搞清浏览器作用 - TOP 浏览器主要作用是浏览网页作用,在DIV+CSS制作开发 ...
- css 预处理器 less sass
文章目录 1. less 1.1 less 的安装 1.2 less用法 1.2.1 命令行用法 1.2.2 变量 1.2.3 混合 1.2.4 嵌套 2. Sass 2.1 Sass简介 2.1.1 ...
- CSS相对地址与绝对地址
一.定义 相对路径:当前在windows目录下.就可以把现在的当前目录给省略直接写后面的路径. 绝对路径:不管现在在那个目录下.都是以根目录开始写路径. 二.作用 相对路径和绝对路径都可相互转换,转换 ...
- css介绍css选择器
一.css简介 css 层叠样式表:网页是一个多层的结构,css可以给每一层结构做样式,最终你看到的是最上面一层 二.css书写位置 第一种方式:内联样式/行内样式 书写位置:开始标签,style属性 ...
- 初学css的重要知识点
目录 css书写位置 css语法 css常用选择器 css复合选择器 css关系选择器 css属性选择器 css书写位置 第一种方式:内联样式/行内样式 书写位置:开始标签 style属性,讲css ...
- HTML、CSS、JavaScript基础知识
一.Web前端 1.Web前端包括:PC端页面.移动端页面 2.Web前端解决的问题:解决用户体验的问题 1)优美的界面展示: 2)良好的用户交互体验 二.认识网页 1.网页主要由文字.图片.按钮等元 ...
- html+css笔记
文档结构 1.html文档结构 ①文档类型声明 严格型(标准模式): <!DOCTYpE HTML> HTML5 XHTML 1.0:<!DOCTYpE html pUbL ...
- web标准页面知识必备
今天在群里,熊猫君提议整理一个帖子,一方面为初学者提供一个入门指南,另一方面也象借此和已经在从事这个行业进行一点交流.下面是我从事这个行当多年的一些经验总结,希望抛砖引玉,大家不吝赐教. 1.必备工具 ...
- JavaScript基础 ——【了解JavaScript】
了解JavaScript 1. JavaScript 的诞生 2. JavaScript 是什么 3. JavaScript 与HTML.CSS关系 4. 浏览器执行 JS 5.JavaScript特 ...
最新文章
- Python字符串中含有某子字符串的个数
- 如何检查JavaScript中的数字是否为NaN?
- javaScript tips —— z-index 对事件机制的影响
- 在线实时大数据平台Storm输入源共享试验
- 【数据结构与算法】之深入解析“地下城游戏”的求解思路与算法示例
- 线程1-线程常用方法
- [20170604]12c Top Frequency histogram补充.txt
- SQLite(3) Windows安装小结
- Java中常见的设计模式
- SPSS因子分析经典案例分享
- 破解校园网“一人一号” 高校学子必备秘籍
- JPA自动生成数据库表教程
- 百度竞价文章怎么写?
- CSDN 博客添加无水印图片的方法
- banq修复_慧荣SM3271AB U盘量产加密及修好图文详细教程
- 简单的MD5加密解密
- Allegro PCB Design GXL (legacy) - 更新 PCB 中的元件封装
- linux群晖文件路径,如何访问本地网络中 Synology NAS 上的文件 (NFS)
- Autoencoder-based Zeroth Order Optimization Method for Attacking Black-box Neural Networks
- DHU OJ | 索引
热门文章
- 信标链 Altair 升级在即!将带来哪些好处?
- iOS岗位招聘标准水涨船高,五年iOS程序员表示面试太难了
- 关于解决用i标签做图标不能显示的问题
- 求答案 ? 一筐鸡蛋: 1个1个拿,正好拿完。 2个2个拿,还剩1个。 3个3个拿,正好拿完。 4个4个拿,还剩1个。 5个5个拿,还差1个。 6个6个拿,还剩3个。 7个7个拿,还剩4个。 8个8个
- 2012年中国兽药50强企业
- squid常规代理实现内网的共享上网
- 计算机基础——4.4 网络信息安全
- 亚信电子最新AxRobot EtherCAT七轴助力控制机器手臂解决方案
- 硅谷最凶猛的云计算“独角兽”:Snowflake造富神话 能否在中国复制?| 硅谷速递...
- 浅析兵器军工行业aps排程的解决方案