html基础内容

1. 什么是html

Hypertext Markup Language

超文本标记语言

2. 基本结构

<!DOCTYPE html> <!-- 此为html5的声明方式 -->

<html>

<head></head>

<body></body>

</html>

顺序

声明(必须放在第一行)

html标签

头部

主体

3. 注释

<!— 注释内容写这里，网页中不会显示 —>

4. 网页显示出现乱码解决方案

<meta http-equiv=“Content-Type” content=“text/html;charset=utf-8” />


<meta charset="utf-8" />

<meta/>放在<head>里

编码格式普遍常用：utf-8

中国常用：utf-8、GB2312、gbk等

5. 文字和段落标签

(1) 标题标签

<h1></h1> ～ <h6></h6>
共6个标题等级

(2) 段落标签

<p></p>
align水平对齐属性
left
  • 左对齐
center
  • 居中对齐
right
  • 右对齐
justify
  • 两端对齐（伸缩对齐）

(3) 换行标签

<br />

(4) 水平线标签

<hr />
可用属性
width
  • 水平线宽度
color
  • 水平线颜色
align
  • 水平线对齐方式
noshade
  • 水平线无阴影

(5) 文字斜体

<i></i>


<em></em>

(6) 文字加粗

<b></b>


<strong></strong>

(7) 下标

<sub></sub>

(8) 上标

<sup></sup>

(9) 插入内容

<ins></ins>
下划线

(10) 删除内容

<del></del>
删除线

(11) 特殊符号

&lt;

<

&gt;

>

&reg;

️ 已注册

&copy;

️ 版权

&trade;

️ 商标

&nbsp;

space 不断行的空格

6. 列表标签

(1) 无序列表

结构

<ul>

  <li></li>

  <li></li>

</ul>

<ul>的type属性

disc
实心圆点
square
实心正方形
circle
空心圆

(2) 有序列表

结构

<ol>

   <li></li>

   <li></li>

</ol>

<ol>的type属性

1
1,2,3
a
a,b,c
A
A,B,C
i
i,ii,iii
I
I,II,III

(3) 定义列表

结构

<dl>

   <dt>定义列表项</dt>

   <dd>列表项描述</dd>

   <dd>列表项描述</dd>

</dl>

7. 图像标签

<img src="" alt="" />

属性

(1) src
图片url
(2) alt
替代文本
(3) height
图像高度
(4) width
图像宽度

8. 超链接标签

<a href="">内容</a>

(1) 属性

① href
链接地址
② target
链接跳转的窗口打开方式
  • _blank

    • 新窗口打开
  • _self
    • 默认，当前窗口打开
  • _top
    • 在当前窗口之上新窗口打开
  • _parent
    • 在父窗口打开
③ title
链接提示文字
④ name
链接命名

(2) 锚链接定义

① 同一页面
<a href="#链接到的锚名">通常是导航文本</a>

<a name="定义锚的名称">摆放位置即为锚点位置</a>
② 不同页面
<a href="页面链接#连接到的锚名">通常是导航文本</a>

<a name="定义锚名">摆放位置即为锚点位置</a>

(3) 基础的电子邮件链接

<a href="mailto:对方邮件地址"></a>

(4) 下载文件

<a href="文件地址"></a>

我是弦歌，

一个渴望成长的前端小白，

欢迎您的留言，

更期待您的不吝指正。

若我的内容能帮助到您，欢迎关注我

记得点赞收藏哦

001. html篇之《基础内容》的更多相关文章

  1. 【Python之路】第七篇--Python基础之面向对象及相关

    面向对象基础 基础内容介绍详见一下两篇博文: 面向对象初级篇 面向对象进阶篇 其他相关 一.isinstance(obj, cls) 检查obj是否是类 cls 的对象 class Foo(objec ...

  2. （数据科学学习手札41）folium基础内容介绍

    一.简介 folium是js上著名的地理信息可视化库leaflet.js为Python提供的接口,通过它,我们可以通过在Python端编写代码操纵数据,来调用leaflet的相关功能,基于内建的osm ...

  3. 前端第二篇---前端基础之CSS

    前端第二篇---前端基础之CSS 目录 一.css介绍 二.css语法 三.css的几种引入方式 四.css选择器 五.css属性相关 六.盒子模型 拓展 一.css介绍 CSS(Cascading  ...

  4. 前端第三篇---前端基础之JavaScript

    前端第三篇---前端基础之JavaScript 一.JavaScript概述 二.JavaScript的基础 三.词法分析 四.JavaScript的内置对象和方法 五.BOM对象 六.DOM对象 七 ...

  5. 前端第四篇---前端基础之jQuery

    前端第四篇---前端基础之jQuery 一.jQuery介绍 二.jQuery对象 三.jQuery基础语法 四.事件 五.动画效果 六.补充each 一.jQuery简介 1.jQuery介绍 jQ ...

  6. spring cloud系列教程第四篇-Eureka基础知识

    通过前三篇文章学习,我们搭建好了两个微服务工程.即:order80和payment8001这两个服务.有了这两个基础的框架之后,我们将要开始往里面添加东西了.还记得分布式架构的几个维度吗?我们要通过一 ...

  7. 001 01 Android 零基础入门 01 Java基础语法 01 Java初识 01 导学

    001 01 Android 零基础入门 01 Java基础语法 01 Java初识 01 导学 welcome to Java World 欢迎来到Java世界 一起领略Java编程世界的奥秘与奥妙 ...

  8. LWJGL3的内存管理，第一篇，基础知识

    LWJGL3的内存管理,第一篇,基础知识 为了讨论LWJGL在内存分配方面的设计,我将会分为数篇随笔分开介绍,本篇将主要介绍一些大方向的问题和一些必备的知识. 何为"绑定(binding)& ...

  9. Membership三步曲之入门篇 - Membership基础示例

    Membership 三步曲之入门篇 - Membership基础示例 Membership三步曲之入门篇 -  Membership基础示例 Membership三步曲之进阶篇 -  深入剖析Pro ...

  10. swift开发多线程篇 - 多线程基础

    swift开发多线程篇 - 多线程基础 iOS 的三种多线程技术 (1)NSThread  使用NSThread对象建立一个线程非常方便 但是!要使用NSThread管理多个线程非常困难,不推荐使用 ...

随机推荐

  1. VS 管理控制台提示ScriptHalted

    一.结论 出现该问题是因为PowerShell 版本低的原因,按以下步骤操作即可 二.解决方案 1.下载最新PowerShell 安装程序包,根据系统找对应版本x86还是x64 https://www ...

  2. XML02

    组成部分: 1. 文档声明 1. 格式: 2. 属性列表: * version:版本号,必须的属性 * encoding:编码方式.告知解析引擎当前文档使用的字符集,默认值:ISO-8859-1 * ...

  3. 在react项目如何捕获错误

    在React项目是如何捕获错误的? 一.是什么 错误在我们日常编写代码是非常常见的 举个例子,在react项目中去编写组件内JavaScript代码错误会导致 React 的内部状态被破坏,导致整个应 ...

  4. C语言知识补充 --来自菜鸟教程的指针复习

    1.system 打开其他应用 1.指针演练  C 指针. 正如您所知道的,每一个变量都有一个内存位置,每一个内存位置都定义了可使用 & 运算符访问的地址,它表示了在内存中的一个地址. #in ...

  5. JavaScript 如何验证 URL

    前言 当开发者需要为不同目的以不同形式处理URL时,比如说浏览器历史导航,锚点目标,查询参数等等,我们经常会借助于JavaScript.然而,它的频繁使用促使攻击者利用其漏洞.这种被利用的风险是我们必 ...

  6. JavaSE 对象与类（二）

    6.对象构造 重载:如果有多个方法(比如,StringBuilder构造器方法)有相同的名字.不同的参数.便产生了重载. 重载解析:编译器通过用各个方法给出的参数类型与特定方法调用所使用的值类型进行匹 ...

  7. SQL语句中 left join 后用 on 还是 where，区别大了！

    前天写SQL时本想通过 A left B join on and 后面的条件来使查出的两条记录变成一条,奈何发现还是有两条. 后来发现 join on and 不会过滤结果记录条数,只会根据and后的 ...

  8. 国外的SRE都是干啥工作的？薪资如何？

    本文翻译自:https://www.flagship.io/glossary/site-reliability-engineer/,意译~ 众所周知,开发和 IT 运营之间因为屁股决定脑袋,存在巨大的 ...

  9. vue基础——命名路由

    路由配置,是vue使用的基础中的基础,采用传统的方式会有些麻烦且不清晰,而命名路由的方式,无论path多长多繁琐,都能直接通过name就匹配到了,十分方便,所以,强烈推荐使用命名路由的方式 传统的方式 ...

  10. 认识 C 的编译器和编译流程

    GCC 的编译流程 我们写的 C 代码保存在扩展名是 .c 的文件,其实是一个纯文本文件. GCC(C 编译器之一)通过预处理器(Pre-Processing)把头文件展开到hello.i文件中. 编 ...