html网页制作教程课件,第2章 HTML入门(网页制作案例教程课件).ppt
第2章 HTML入门 认识HTML语言的作用,了解HTML代码的编写特点 掌握查看网页代码、修改网页代码的方法 掌握HTML常用标记及其属性的用法 掌握运用HTML编写网页表格、列表、框架和实现超级链接的方法 掌握HTML实现图片、音频、视频/动画等媒体文件在网页中的插入方法 2.1 HTML基本概念 HTML语言是网页制作的基础语言,因为无论使用什么工具制作网页,生成的网页代码都是以HTML语言为基础的。 HTML是Hyper Text Markup Language的缩写,意为超文本标记语言。 HTML与操作系统平台的选择无关,只要有浏览器就可以运行HTML文档,显示网页内容。 HTML使用了一些约定的标记,对网页上的各种信息进行标记,浏览器会自动根据这些标记,在屏幕上显示出相应的内容,而标记符号不会在屏幕上显示出来。 使用HTML编写代码制作网页文件,是学习制作网页的基础。 2.2 创建第一个HTML文件 HTML可以使用任何文本编辑器,如Windows“记事本”或“写字板等”进行编辑,代码输入后,一定要把文件的扩展名保存为“.htm”或“.html”。 2.3 HTML编码基础 2.3.1 HTML文档的基本架构 HTML文档的基本结构如下: ——文件开始标记
文件头信息 文件体信息 ——文件结束标记 2.3.2 HTML基本结构标记 另外,基本结构标记还有网页标题标记。 ……: 该标记位于……标记中,标记内的文字显示在浏览器的标题栏上。 有很多属性,可以定义页面的背景图像、背景色彩、文字色彩、超文本链接的色彩等。这些属性用于设定网页的总体风格。 2.3.2 HTML基本结构标记 以下介绍标记的常用属性: bgcolor:设置网页的背景色; text:设置非链接的文本色彩; link:设置未被访问过的超链接文本的色彩,默认为蓝色; alink:设置超链接文本在被访问瞬间的色彩,默认为蓝色; vlink:设置已访问过的超链接文本的色彩,默认为蓝色; background:设置网页的背景图像; leftmargin:设置页面左边的空白边距,单位是像素; topmargin:设置页面上方的空白边距,单位是像素。 2.3.2 HTML基本结构标记 HTML中颜色的表示方法有2种: (1)以定义好的颜色的英文名称,如; (2)以“#”开头的6位十六进制数值表示一种颜色,6位数字分为3组,每组2位,依次表示红、绿、蓝3种颜色的强度。 如 该方法操作灵活性更高,设计者可以调配出自己想要的任何一种颜色。 2.3.2 HTML基本结构标记 2.4 HTML常用标记 2.4.1 文本格式 1. 字体标记 和:该标记可用来设置文本的字体、字号和文本颜色等,是HTML文档中常用的标记。 其设置格式为: 文字 2.4.1 文本格式 字体标记说明: size: 用于设定字号,即文字的大小,“size”属性的有效值范围为1~7,默认值为3。在size属性值之前可以加上“+”和“-”符号,用于指定相对于默认字号值的增量或减量。 face: 用于设定字体名称,例如英文字体的“Times New Roman”、“Arial”;中文字体的“宋体”、“黑体”、“华文彩云”; color: 设定文字颜色,如前所述,各种颜色值可以使用英文颜色名称表示,也可以使用十六进制值表示。 2.4.1 文本格式 [例1]“字体”设置——编写代码制作如下网页文本效果。 2.4.1 文本格式 2.4.1 文本格式 2.文字修饰标记 HTML文档允许在要显示的文字两端添加各种文字修饰标记,这些标记及其功能描述如下表 : 2.4.1 文本格式 [例2]文字修饰标记——制作如图2-5所示的多格式网页文本效果 。 2.4.1 文本格式 2.4.1 文本格式 2.特殊字符标记 空格、字符“”、“”
html网页制作教程课件,第2章 HTML入门(网页制作案例教程课件).ppt相关推荐
- ArcGIS for Desktop入门教程_第四章_入门案例分析 - ArcGIS知乎-新一代ArcGIS问答社区...
原文:ArcGIS for Desktop入门教程_第四章_入门案例分析 - ArcGIS知乎-新一代ArcGIS问答社区 1 入门案例分析 在第一章里,我们已经对ArcGIS系列软件的体系结构有了一 ...
- Android Things创客DIY第六课-Android Things入门配件包开发案例教程-4位数码管显示
4位数码管显示 之前的<Android Things创客DIY第三课-Android Things入门配件包开发案例教程-数码管显示>中,介绍了如何使用Android Things控制1位 ...
- 电脑雕刻教程_C4D无敌渲染神器! 阿诺德全套预设+案例教程+3.0汉化插件合集!真香!【810期】...
干货类公众号,文章是每篇必看,不看的话准后悔. 置顶CH素材库 今日精选 阿诺德渲染器教程+3.0汉化插件合集+预设 提供方式:百度网盘 大小:20gb 系统:win/MAC 获取方式:请查看文章底部 ...
- 计算机局域网组建课件,为什么《计算机局域网组建与维护案例教程沈大林课件》找不到?...
你是备考网络工程师还是?? 看你培训那类的网络工程师了 如果是国家认证的话 有一个国家认证的网络工程师考试 如果是思科认证的话 就是CCNA CCNP CCIE 如果是华为认证的话 就是HCNE HC ...
- jquery入门与实践案例教程
为什么要学jquery 使用javascript开发过程中,有许多的缺点: 查找元素的方法单一,麻烦. 遍历数组很麻烦,通常要嵌套一大堆的for循环. 有兼容性问题. 想要实现简单的动画效果,也很麻烦 ...
- python制作一个教学网站_小白如何入门Python? 制作一个网站为例
首先最重要的问题是为什么要学习python?这个问题这个将指导你如何学习Python和学习的方式. 以你最终想制作一个网站为例.从一个通用的学习资源列表开始不仅会消磨你的激情,而且你获得的知识很难应用 ...
- python编程案例教程书籍-清华大学出版社-图书详情-《Python开发案例教程》
前言 近年来,一种程序设计语言日渐粲然,使许多红极一时的程序设计语言黯然失色,得到人们的空前青睐,使得在学界和业界出现了揭竿而起.应者云集的景象.这种程序设计语言就是Python.本书也想在此时为熊熊 ...
- java web 应用技术与案例教程_《Java Web应用开发技术与案例教程》怎么样_目录_pdf在线阅读 - 课课家教育...
出版说明 前言 第1章 java Web应用开发技术概述 1.1 Java Web应用开发技术简介 1.1.1 Java Web应用 1.1.2 Java Web应用开发技术 1.2 Java Web ...
- ArcGIS实验教程——实验四十:ArcGIS洪水淹没分析案例教程
文章目录 一.洪水淹没效果动画演示 二.实验数据 三.实验过程 1. 加载数据 2. 符号化 3. 夸大处理 4. 动画制作 5. 动画播放 6. 导出动画 基于数字高程模型 ( DEM )格网模型, ...
最新文章
- ios NSString 正则表达式 其它字符
- ACM试题 - 另一种阶乘问题
- .xhr长轮询_使用Spring 3.2的DeferredResult进行长轮询
- 微信 python 2020_2020年最新的Python操控微信教程
- 数据库基础知识——视图
- 干货 | ZooKeeper 源码和实践揭秘
- tshark mysql_使用tshark抓包分析http请求
- Checkbox与RadioGroup的使用方法
- LIVE555play流程
- Writing Serializable Classes---定义可序列化的类
- 如何用U盘安装Windows操作系统
- B样条曲线与贝塞尔曲线学习笔记
- vm虚拟机配置动态ip和静态ip的方法
- python ipo模型是指什么?
- 什么是PMI指数?PMI指数是什么意思? 如何计算PMI指数?
- CSDN钱包提现协议
- 蓝桥 程序员节发橙子 (思维)
- 《读者》的“卷首语” (五)
- 守护神 Supervisor
- 三十岁以后,我一定能阔起来!
热门文章
- 访问学者申请德国签证如果丢失了怎么办?
- Reliable Cloud Infrastructure: Design and Process学习笔记
- 如何学习深度学习——我的高质量学习资源列表
- 7-4 宿舍谁最高? (20 分)
- Rapid IO接口测试工装研究
- CenterFusion/src/tools/convert_nuScenes.py 文件代码详解
- 单片机的c语言ppt,第9章-单片机的C语言编程.ppt
- 【Android应用】 苏州实时公交
- Chapter 1 (Linear Equations in Linear Algebra): Row reduction and echelon forms (行化简与阶梯式矩阵)
- vue 判断两个时间插件结束时间必选大于开始时间