用html代码写出城东早春,网页设计基础 从零开始构建HTML 页面 第2章 从零开始构建HTML页面_补充案例.doc...
博学谷——让IT教学更简单,让IT学习更有效
PAGE 16
第2章 补充案例
【案例2-1】 入门案例
一、案例描述
考核知识点
HTML文档基本格式
练习目标
初步了解HTML文档基本格式。
能够运用HTML文档基本格式制作简单的页面。
需求分析
学习任何一门语言,都要首先掌握它的基本格式,HTML标记语言也不例外。要想制作丰富多彩的HTML网页,首先需要掌握HTML文档的基本格式。本案例通过编写一个简单的HTML网页,使初学者更好地理解HTML文档的基本格式。
案例分析
效果如图2-1所示。
入门案例效果
具体实现步骤如下:
新建Dreamweaver默认文档。
在
标记中添加网页标题。
在
标记中添加两个段落。
二、案例实现
新建HTML页面,具体代码如下:
/p>
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
入门案例
吾生也有涯
而知也无涯
保存后,在火狐浏览器中预览,效果如图2-2所示。
入门案例效果
注意:
上述案例是一个基本的html基本结构,在此结构的基础上可以再增加更多的样式和内容来充实网页。
【案例2-2】 标记的应用
一、案例描述
考核知识点
标记的属性
练习目标
理解标记的属性。
掌握标记的使用方法。
需求分析
为了使网页中的文本呈现出丰富的样式,就需要设置文本的字体、字号大小、字体颜色等,这时就用到了标记。本案例通过给标记添加属性,来实现丰富的文本样式。
案例分析
效果如图2-3所示。
标记的应用效果
具体实现步骤如下:
在页面主体
中添加一段文本。
使用标记包围需要特殊显示的文本。
对标记应用属性。
二、案例实现
新建HMTL文件,具体代码如下:
/p>
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
标记的应用
传智播客java就业班.net就业班 网页平面就业班php就业班
保存后,在火狐浏览器中预览,效果如图2-4所示。
标记的应用效果
注意:
实际制作网页时,不建议使用标记,常使用CSS样式代替来定义文本的字体、大小和颜色。
【案例2-3】 如何插入特殊字符
一、案例描述
考核知识点
特殊字符标记
练习目标
掌握常用特殊字符标记的使用。
需求分析
制作网页时,为了让数学符号、版权信息等符号正常显示,就需要了解插入特殊字符的方法。本案例将通过插入特殊字符的方法在页面输出各种各样的特殊字符。
案例分析
效果如图2-5所示。
如何插入特殊字符效果
具体实现步骤如下:
在Dreamweaver默认文档中添加5个段落。
在每个段落中分别使用不同的代码插入相应的特殊字符。
二、案例实现
新建HTML页面,代码如下:
/p>
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
特殊字符
我是特殊字符空 &nb
用html代码写出城东早春,网页设计基础 从零开始构建HTML 页面 第2章 从零开始构建HTML页面_补充案例.doc...相关推荐
- 用html代码写出城东早春,CSS简单样式练习(一)
运行效果: 源代码: 1 2 3 4 5 城东早春 6 7 *{ 8 margin: 0; 9 padding: 0; 10 border: none; 11 } 12 13 body{ 14 fon ...
- css盒子模型输出对联,网页设计基础 CSS盒子模型 第4章 CSS盒子模型_补充案例.doc...
博学谷--让IT教学更简单,让IT学习更有效 PAGE 18 第4章 补充案例 [案例4-1] 顶部导航栏1 一.案例描述 考核知识点 边框的复合属性.背景颜色 练习目标 灵活运用边框的复合属性. 掌 ...
- Python编曲实践(八):我,乔鲁诺·乔巴那,能用两百行代码写出JOJO黄金之风里我自己的出场曲!
前言 前些天笔者写的文章 Python编曲实践(七):整整一百行Python代码写出黑人抬棺梗曲<Astronomia>的旋律 受到了大家的许多支持和好评,本篇文章挑战更复杂.更有挑战性, ...
- 如何用PYTHON代码写出音乐
如何用PYTHON代码写出音乐 什么是MIDI 博主本人虽然五音不全,而且唱歌还很难听,但是还是非常喜欢听歌的.我一直在做这样的尝试,就是通过人工智能算法实现机器自动的作词和编曲(在这里预告下,通过深 ...
- python怎么实现音乐快进_如何用PYTHON代码写出音乐【】
如何制作MIDI(用于vocaloid 3) 我也是因为V家才来找midi的 如何用PYTHON代码写出音乐 在python-midi,每个乐谱用Pattern对象表示,乐的每个音轨(通常音乐很多轨道 ...
- 用代码写出浪漫__合集(python、matplotlib、Matlab、java绘制爱心、玫瑰花、前端特效玫瑰、爱心)
活动地址:CSDN21天学习挑战赛 用代码写出浪漫合集(爱心.玫瑰花) 本文目录: 一.前言 二.用python.matplotlib.Matlab.java绘制爱心 (1)爱心图形1( ...
- 直击面试现场:神级程序员仅100秒,60行代码写出俄罗斯方块,成为全公司焦点!...
小编我今天逛论坛看到一位HR帖子直播公司面试情况,该公司是做棋牌APP的,现在正在招聘前端工程师和运营人员,HR直播的是前端这块的,有写游戏的也有做网站项目的,写特效的都有很多,但是这位HR却看上了一 ...
- 3行代码写出8个接口,开挂了?
欢迎关注方志朋的博客,回复"666"获面试宝典 肯定有不少人会想:这怎么可能呢? 就算用几乎零配置的 SpringBoot,写一个最简单的接口也得有 3 行代码啊! @Reques ...
- python写出的程序如何给别人使用-如何用PYTHON代码写出音乐
什么是MIDI 博主本人虽然五音不全,而且唱歌还很难听,但是还是非常喜欢听歌的.我一直在做这样的尝试,就是通过人工智能算法实现机器自动的作词和编曲(在这里预告下,通过深度学习写歌词已经实现了,之后会分 ...
最新文章
- android二级列表展开,ExpandableListView控件实现二级列表
- 仟亿达2016年净利润2184万同比跌46%
- java文件读写详细介绍_java文件读写操作大全
- Navicat工具导出Mysql数据表结构到Excel文件中
- php ajax跳转,ajax接口的php文件如何实现跳转
- Ubuntu20装Nvidia驱动--中文显示乱码问题
- java笔试题库_java笔试题50道 收藏版
- 双线性对映射 概念理解
- 超前进位加法器(Carry-Lookahead Adder,CLA)
- 微博技术架构分析和设计
- Python Tic Tac Toe游戏
- react 函数组件使用了 hook 后闪屏问题的分析与解决
- - 模块“VPMC“启动失败,未能启动虚拟机?
- java-opencv文档
- 电缆 电流_如何不用电缆观看每项运动(运动返回时)
- JavaScript详解原型和原型链
- python 线程 (概念+示例代码)
- 神经网络训练电脑配置,cpu可以训练神经网络吗
- 程序员初入职场第一年—— 程序员羊皮卷 连载 13
- 云客Drupal源码分析之数据库Schema及创建数据表
热门文章
- powerdesigner 16设计mysql数据库_PowerDesigner16 连接MySql 报错
- java x509certificate2_ASP.NET使用X509Certificate2出现一系列问题的解决方法
- 轻量云腾讯云服务器如何退款,腾讯云服务器等产品可以退款多少次?
- 你见过错误 CS0234...吗?
- linux barrier,如何决定何时启用Linux文件系统barrier功能?
- Java 蓝桥杯 矩阵乘法
- asp.net 登录验证 mysql_Asp.net mvc验证用户登录之Forms实现详解
- java 内存模型 多线程_Java 高并发三:Java内存模型和线程安全详解
- 封装连接mysql数据库_封装连接mysql数据库
- centos7 yum修改为国内源