使用HTML的基本结构创建网页
1、 网页的扩展名——html或htm
2、 如何新建网页？
步骤1：
在电脑的空白处，右键选择——>新建——文本文档
步骤2：
把txt的扩展名，改成html或htm，点击确定
步骤3：
用记事本或EditPlus打开该文件，编写网页的基本结构
3、 网页的基本结构，html——超文本标记语言
<html>
<head>
<!—网页的标题title -->
<title> </title>
<!--网页编码的设置-->
<metahttp-equiv="Content-Type"
content="text/html;charset=gb2312">
说明：charset=gb2312(简体中文)或utf-8(国际通用的字符编码)
</head>
<body>
<!—网页要显示的内容，放在body中 -->
<body>
</html>
会使用文本相关标签排版文本信息
ü 标题 <h1>….<h6>,字体从大变小
ü 段落 <p></p>
ü 换行 <br/>
ü 水平线 <hr/>
ü 加粗 <strong></strong>
ü 斜体 <em></em>
ü 特殊的符号：空格 ，详见P16页表1-1
ü 网页注释：<!-- 写注释内容 -->
会使用图像相关标签实现图文并茂的页面
<img src=”图片的相对路径” />
Src: 指定图片的相对路径
1、 如果网页文件和图片，在同一个文件夹
src=”图片的名称”
2、 如果网页文件和图片所在的文件夹，
在同一个文件夹
src=”图片文件夹名/图片的名称”
Title:鼠标悬浮时，提示文字
Alt：如果图片路径有无，替换图片的文字
Width:图片的宽
Height:图片的高
相对路径和绝对路径：P21
n 绝对路径：出现了具体的磁盘名称的路径（不使用）
n 相对路径：
u ../：当前目录的上一级目录
u ../../：当前目录的上一级目录的上一级目录
会使用a标签创建超链接、锚链接以及功能性链接
²超链接：网页导航
<a href=”页面的相对路径”>超链接的文字</a>
可写的属性：target=”_self|_blank”
_blank：打开新的网页
_self：在当前页面打开
²锚链接——页面导航
步骤1：创建锚记
<aname=”锚记名”></a>
步骤2：访问锚记
<ahref=”(页面名称)#锚记名”></a>
²邮件链接——发送邮件
<a href=mailto:邮箱地址> </a>
使用HTML的基本结构创建网页的更多相关文章
- WiFi-ESP8266入门http（2-1）文件系统-复杂结构的网页
https://blog.csdn.net/solar_Lan/article/details/74231360 用到的网页文件:链接:https://pan.baidu.com/s/1vk6xmsY ...
- Angular4.x 安装|创建项目|目录结构|创建组件
Angular4.x 安装|创建项目|目录结构|创建组件 安装最新版本的 nodejs node.js 官网:https://nodejs.org/zh-cn/ 去官网下载 node.js,下一步下一 ...
- C# step by step 学习笔记8 CHAPTER 9 使用枚举和结构创建值类型
C# 2012 step by step 学习笔记8 CHAPTER 9 使用枚举和结构创建值类型 本章内容 声明一个枚举类型 创建并使用一个枚举类型 声明一个结构类型 创建并使用一个结构类型 解释结 ...
- ASP.NET - 演练：创建网页以显示 XML 数据
数据通常是以 XML 格式提供给 Web 应用程序的.但是,XML 数据本质上是分层的,因此您可能希望能够在基于列表的控件中使用 XML 数据,如 GridView 或 DropDownList 控件 ...
- 初学者用div+css结构写网页的几个误区
1.用div+css结构制作静态html网页不等于彻底抛弃古老的table写法.之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页,其次是table的布 ...
- mysql ---复制表结构---创建新表
1.复制表结构及数据到新表CREATE TABLE 新表SELECT * FROM 旧表这种方法会将oldtable中所有的内容都拷贝过来,当然我们可以用delete from newtable;来删 ...
- DOM操作-动态创建网页元素
动态创建新的DOM元素,是JavaScript操作网页对象模型的重要手段之一 代码: <!DOCTYPE html> <html> <head> <title ...
- jQuery EasyUI一个基于 jQuery 的框架(创建网页所需的一切)
jQuery EasyUI学习网址:http://www.runoob.com/jeasyui/jqueryeasyui-tutorial.html jQuery MiniUI学习网址:http:// ...
- tensorflow基础架构 - 处理结构+创建一个线性回归模型+session+Variable+Placeholder
以下仅为自己的整理记录,绝大部分参考来源:莫烦Python,建议去看原博客 一.处理结构 因为TensorFlow是采用数据流图(data flow graphs)来计算, 所以首先我们得创建一个数据 ...
随机推荐
- 【Android】AndroidStudio（Eclipse）如何使用天天模拟器进行调试apk应用。
作者:程序员小冰,GitHub主页:https://github.com/QQ986945193 新浪微博:http://weibo.com/mcxiaobing 大家都知道,我们这些Android开 ...
- 银行应用USB Key身份认证方案
前言:本文为USB Key的厂商SafeNet公司提供的宣传稿件,并不代表本博客作者的观点和看法. 本文的技术解决方案使用的是SafeNet自身的产品,虽然这个产品支持数字签名和PKI体系,可生成并储 ...
- Fitness - 05.04
倒计时241天 运动38分钟,共计9组.拉伸10分钟. 每组跑步2分钟(6.3KM/h),走路2分钟(6KM/h). 上午下了课,直奔健身房. 手机坏了,没有听音乐. 没有吃午饭,但是上午喝的咖啡还是 ...
- 软件开发流变史：从瀑布开发到敏捷开发再到DevOps
作为在20世纪70年代.80年代盛极一时的软件开发模型,瀑布模型通过制定计划.需求分析.软件设计.程序编写.软件测试.运行维护等6个流程将整个软件生命周期衔接起来.这6个流程有着严格的先后次序之分,只 ...
- h5跳转微信公众号关注页面
最近在做h5项目,有个需求是如果用户没有关注公众号,需要引导用户跳转至微信公众号关注页面 制作一个链接,点击该链接跳转到公众号关注页面. 1.从公众平台登进入公众号 2.点击开发>>开发者 ...
- 深入理解 IoC、DI
本文转载自博客:https://www.cnblogs.com/xinhuaxuan/p/6132372.html 1.控制反转:谁控制谁?控制什么?为何叫反转(对应于正向)?哪些方面反转了?为何需要 ...
- C++STL中vector的初始化
vector的初始化有很多方式,在N维初始化时还会一些容易出现错误的地方.下面进行总结 以下的总结均以int作为模板参数 一维vector的初始化 vector的构造函数通常来说有五种,如下: vec ...
- js去掉最右边的逗号
str=(str.substring(str.length-1)==',')?str.substring(0,str.length-1):str;
- Nice to meet you
Who am i 详情可以参见我的这一篇博文 Why and how 其实之前就想在博客园开创自己的博客了,但是自己之前已经利用自己的GitHub搭建了一个 博客,然后的话自己写的文章即水又不多,说到 ...
- 微信小程序 部署（后台是springboot项目 前后台分流）
微信小程序的部署需要https 和证书: https 需要反向代理: 这里用 nginx,无论linux,windows 系统都可以安装: 1.安装nginx ,这步自己去做: linux 安装ngi ...