HTML基础（一）

阅读量：204 次

发布时间：2019-02-28

本文共 1060 字，大约阅读时间需要 3 分钟。

文章目录

理解网页文件

每一个网页对应一个网页文件。

在浏览器中看到的网页实质为：网页文件

网页文件：
文本文件；
扩展名：.html或.htm
文件内容为：HTML代码和文本内容

HTML简介

超文本标记语言；

HTML不是一种编程语言，而是一种标记语言

标记语言是一套标记标签，HTML使用标记标签来描述网页。

HTML 标记标签通常被称为HTML标签，它是由尖括号包围的关键词

HTML标签三要点：
（1）词汇（标签）
（2）语法（标签的使用规定）
（3）语义（浏览器“理解”的标签含义）

HTML基本结构

HTML基本结构（所有网页必须有的）：文档的声明开始标签（所有的内容，一个网页文件，只有一对html标签）    头部        xxx        
    设置编码方式等        文件的体部    结束标签

在这里插入图片描述

标签

双标签：由“开始标签”和“结束标签”两部分构成。结束标签比开始标签多了一个“/”（比如<body></body>），必须成对使用。

单标签：在开始标签中进行关闭，即以开始标签的结束而结束（比如<meta/>）。

双标签：代表标签作用范围
单标签：无需表达范围，仅在标签出现处有效(不用限定范围)
所有标签必须全部闭合/。

<br/>作用：换行。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

网页元素 是指构成网页的各项内容（列表、超链接、文字、图片）

标题：<h1>...</h1> h1-h6 h1表示1级标题，可以同时有多个h1标题。

段落<p>...</p>

图片标签

src:指明存储图像的位置（图片的路径）
alt：为图片添加替换文本（当找不到指定图片时，会显示alt中的话）
（1）绝对路径：
本机绝对路径：即从盘符开始的完整路径
网络绝对路径：网络可访问的地址。
优点：真实路径、定位清晰
缺点：本机绝对路径长，容易出错；如果站点文件夹被移动，就需要重新修改路径
（2）相对路径：
图片和网页在同一级： src = "./图片名"
图片在网页的下一级目录src = "目录名称/图片名"
图片在网页的上一级目录src = "../图片名"
优点：文件夹被移动，其内部文件的相对路径不变

注意事项：

不要使用本机绝对路径，推荐使用相对路径

图片文件单独存放在一个文件夹中

图片文件夹与页面文件放在同一个目录下

超链接

在这里插入图片描述

列表标签和内联框架

列表

HTML支持无序列表、有序列表。（有无前后顺序的信息列表）

一对标签
无序列表：

有序列表：

在这里插入图片描述

效果：

在这里插入图片描述

内联框架

用于在网页内显示另一个网页文件。

在这里插入图片描述

示例主要代码及效果

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

转载地址：http://ujwc.baihongyu.com/

你可能感兴趣的文章

ngrok内网穿透可以实现资源共享吗？快解析更加简洁

ngrok内网穿透可以实现资源共享吗？快解析更加简洁

NHibernate动态添加表

NHibernate学习[1]

NHibernate异常：No persister for的解决办法

Nhibernate的第一个实例

NHibernate示例

nid修改oracle11gR2数据库名

NIFI1.21.0/NIFI1.22.0/NIFI1.24.0/NIFI1.26.0_2024-06-11最新版本安装_采用HTTP方式_搭建集群_实际操作---大数据之Nifi工作笔记0050

NIFI1.21.0_java.net.SocketException:_Too many open files 打开的文件太多_实际操作---大数据之Nifi工作笔记0051

NIFI1.21.0_Mysql到Mysql增量CDC同步中_日期类型_以及null数据同步处理补充---大数据之Nifi工作笔记0057

NIFI1.21.0_Mysql到Mysql增量CDC同步中_补充_插入时如果目标表中已存在该数据则自动改为更新数据_Postgresql_Hbase也适用---大数据之Nifi工作笔记0058

NIFI1.21.0_Mysql到Mysql增量CDC同步中_补充_更新时如果目标表中不存在记录就改为插入数据_Postgresql_Hbase也适用---大数据之Nifi工作笔记0059

NIFI1.21.0_NIFI和hadoop蹦了_200G集群磁盘又满了_Jps看不到进程了_Unable to write in /tmp. Aborting----大数据之Nifi工作笔记0052

NIFI1.21.0_Postgresql和Mysql同时指定库_指定多表_全量同步到Mysql数据库以及Hbase数据库中---大数据之Nifi工作笔记0060

NIFI1.21.0最新版本安装_连接phoenix_单机版_Https登录_什么都没改换了最新版本的NIFI可以连接了_气人_实现插入数据到Hbase_实际操作---大数据之Nifi工作笔记0050

NIFI1.21.0最新版本安装_配置使用HTTP登录_默认是用HTTPS登录的_Https登录需要输入用户名密码_HTTP不需要---大数据之Nifi工作笔记0051

NIFI1.21.0通过Postgresql11的CDC逻辑复制槽实现_指定表多表增量同步_增删改数据分发及删除数据实时同步_通过分页解决变更记录过大问题_02----大数据之Nifi工作笔记0054

NIFI1.21.0通过Postgresql11的CDC逻辑复制槽实现_指定表多表增量同步_增加修改实时同步_使用JsonPath及自定义Python脚本_03---大数据之Nifi工作笔记0055

NIFI1.21.0通过Postgresql11的CDC逻辑复制槽实现_指定表多表增量同步_插入修改删除增量数据实时同步_通过分页解决变更记录过大问题_01----大数据之Nifi工作笔记0053