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. Unity Prefab关联

    Unity3D研究院之Prefab里面的Prefab关联问题http://www.xuanyusong.com/archives/3042

  2. webdriver实现简单的窗口切换

    webdriver实现简单的窗口切换,也只能是简单的,因为目前处于学习阶段,复杂的情况现在还没碰到过.之前写过关于一个小demo的总结,就有提到过在新开窗口进行操作的情况,用以下一句就可以搞定了,la ...

  3. nginx的gzip压缩

    随着nginx的发展,越来越多的网站使用nginx,因此nginx的优化变得越来越重要,今天我们来看看nginx的gzip压缩到底是怎么压缩的呢? gzip(GNU-ZIP)是一种压缩技术.经过gzi ...

  4. 14_Python语法示例(面向对象)

    1.自己写一个Student类,此类的对象有属性name, age, score, 用来保存学生的姓名,年龄,成绩 # 1)写一个函数input_student读入n个学生的信息,用对象来存储这些信息 ...

  5. Leetcode 全排列专题（更新ing）

    总览 涉及到的题目有 题号 名字 难度 Leetcode 60 第k个排列 中等 Leetcode 46 全排列 中等 待更新...... Leetcode 46 全排列 题目 基础题 给定一个 没有 ...

  6. 转载：51cto 2019好文精选

    转载地址:https://news.51cto.com/art/202001/609544.htm 01.知识科普 傻瓜都能看懂,30张图彻底理解红黑树! TCP三次握手,四次挥手,你真的懂吗? 面试 ...

  7. Spring JPA 查询创建

    Spring JPA 查询创建 这是JPA内容的核心部分,可以收藏用作参阅文档. 1. 查询转化和关键字 例:一个JPA查询的转化 public interface UserRepository ex ...

  8. PIE保护绕过

    (一):partial write 开了PIE保护的程序,其低12位地址是固定的,所以我们可以采用partial write.但是我们不能写入一个半字节,所以选择写入两个字节,倒数地位进行爆破,范围是 ...

  9. ES ElasticSearch 7.x 下动态扩大索引的shard数量

    ES ElasticSearch 7.x 下动态扩大索引的shard数量 背景 在老版本的ES(例如2.3版本)中, index的shard数量定好后,就不能再修改,除非重建数据才能实现. 从ES6. ...

  10. Linux：nginx负载均衡

    前提:web服务器框架已搭建好lamp/lnmp),已配置好虚拟主机名(这个的配置在上几章中有写). nginx做负载均衡主要的模块是upstream. 1.在新的机器上安装nginx 创建用户ngi ...