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的基本结构创建网页的更多相关文章

  1. WiFi-ESP8266入门http（2-1）文件系统-复杂结构的网页

    https://blog.csdn.net/solar_Lan/article/details/74231360 用到的网页文件:链接:https://pan.baidu.com/s/1vk6xmsY ...

  2. Angular4.x 安装|创建项目|目录结构|创建组件

    Angular4.x 安装|创建项目|目录结构|创建组件 安装最新版本的 nodejs node.js 官网:https://nodejs.org/zh-cn/ 去官网下载 node.js,下一步下一 ...

  3. C# step by step 学习笔记8 CHAPTER 9 使用枚举和结构创建值类型

    C# 2012 step by step 学习笔记8 CHAPTER 9 使用枚举和结构创建值类型 本章内容 声明一个枚举类型 创建并使用一个枚举类型 声明一个结构类型 创建并使用一个结构类型 解释结 ...

  4. ASP.NET - 演练：创建网页以显示 XML 数据

    数据通常是以 XML 格式提供给 Web 应用程序的.但是,XML 数据本质上是分层的,因此您可能希望能够在基于列表的控件中使用 XML 数据,如 GridView 或 DropDownList 控件 ...

  5. 初学者用div+css结构写网页的几个误区

    1.用div+css结构制作静态html网页不等于彻底抛弃古老的table写法.之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页,其次是table的布 ...

  6. mysql ---复制表结构---创建新表

    1.复制表结构及数据到新表CREATE TABLE 新表SELECT * FROM 旧表这种方法会将oldtable中所有的内容都拷贝过来,当然我们可以用delete from newtable;来删 ...

  7. DOM操作-动态创建网页元素

    动态创建新的DOM元素,是JavaScript操作网页对象模型的重要手段之一 代码: <!DOCTYPE html> <html> <head> <title ...

  8. jQuery EasyUI一个基于 jQuery 的框架(创建网页所需的一切)

    jQuery EasyUI学习网址:http://www.runoob.com/jeasyui/jqueryeasyui-tutorial.html jQuery MiniUI学习网址:http:// ...

  9. tensorflow基础架构 - 处理结构+创建一个线性回归模型+session+Variable+Placeholder

    以下仅为自己的整理记录,绝大部分参考来源:莫烦Python,建议去看原博客 一.处理结构 因为TensorFlow是采用数据流图(data flow graphs)来计算, 所以首先我们得创建一个数据 ...

随机推荐

  1. if-else 可以这么写

    最近部门在对以往的代码做一些优化,我在代码中看到一连串的 if(){}elseif(){} 的逻辑判断.这明显是有优化空间的. 由于内部代码不适合分享,这里我就用 <输出今天为星期几> 来 ...

  2. 【Android】Android开发点击查看手机电量的小功能。学习广播的一个小技能小Demo

    作者:程序员小冰,GitHub主页:https://github.com/QQ986945193 微博:http://weibo.com/mcxiaobing 首先给大家看一下效果图: 先写一个广播类 ...

  3. Linux+Jenkins自动构建服务器包

    何时使用: 测试过程中我们需要持续构建一个软件项目,为避免重复的手动下载.解压操作,我们需要搭建一个能够自动构建的测试环境,当代码有更新时,测试人员只需点一下[构建]即可拉取最新的代码进行测试(也可设 ...

  4. 20190925-01安装redis 000 022

    1.将redis压缩包放入Linux系统有4种办法. 第一:如果安装了VMware Tools工具可以直接进行拖拽 第二:在windows中找到配置好的共享文件夹将redis压缩包放入其中,在Linu ...

  5. JSTL日期格式化用法

    JSP Standard Tag LibrariesFormatting and InternationalizationTwo form input parameters, 'date' and ' ...

  6. SSH框架下页面跳转入门篇

    一.完成目标,因为WEB-INF下面的界面不能通过输入地址的方式直接访问,所以需要在后台定义一个方法跳转过去. 步骤1:.创建普通类继承ActionSupport类,并定义一个方法返回需要跳转的路径 ...

  7. markdown基本语法说明

    作为一个java程序员,要接触的东西很多,时不时 就要学习,最近写文档的时候发现,markdown很有意思,就记录下来,作为一个简单的说明和学习 :    1.标题 # 这是一级标题 ## 这是二级标 ...

  8. oracle之二表和表空间的关系

    表和表空间的关系 建一个使用缺省值的表空间SQL> create tablespace a datafile '/u01/data/urpdb/a01.dbf' size 10m; 利用orac ...

  9. 【二叉树-最长路径系列（任意路径）】直径、最长同值路径、 最大路径和（DFS、树形DP）

    总述 这类题目都是求一个最长路径,这个路径可以不经过根节点. 使用dfs(即递归地遍历树)的方法.维护一个全局最长路径max作为最终结果,而递归方法dfs返回的是含根节点的最长路径.(若不使用全局变量 ...

  10. Java沙箱安全机制介绍【转载】

    沙箱安全机制的应用层面:360沙箱.win10沙箱.包括VMware Workstation.Oracle VM VirtualBox都可以充当沙箱去使用,沙箱中的操作与本机无关,进而保证本机的安全性 ...