001. html篇之《基础内容》
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) 特殊符号
<
<
>
>
®
️ 已注册
©
️ 版权
™
️ 商标
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篇之《基础内容》的更多相关文章
- 【Python之路】第七篇--Python基础之面向对象及相关
面向对象基础 基础内容介绍详见一下两篇博文: 面向对象初级篇 面向对象进阶篇 其他相关 一.isinstance(obj, cls) 检查obj是否是类 cls 的对象 class Foo(objec ...
- (数据科学学习手札41)folium基础内容介绍
一.简介 folium是js上著名的地理信息可视化库leaflet.js为Python提供的接口,通过它,我们可以通过在Python端编写代码操纵数据,来调用leaflet的相关功能,基于内建的osm ...
- 前端第二篇---前端基础之CSS
前端第二篇---前端基础之CSS 目录 一.css介绍 二.css语法 三.css的几种引入方式 四.css选择器 五.css属性相关 六.盒子模型 拓展 一.css介绍 CSS(Cascading ...
- 前端第三篇---前端基础之JavaScript
前端第三篇---前端基础之JavaScript 一.JavaScript概述 二.JavaScript的基础 三.词法分析 四.JavaScript的内置对象和方法 五.BOM对象 六.DOM对象 七 ...
- 前端第四篇---前端基础之jQuery
前端第四篇---前端基础之jQuery 一.jQuery介绍 二.jQuery对象 三.jQuery基础语法 四.事件 五.动画效果 六.补充each 一.jQuery简介 1.jQuery介绍 jQ ...
- spring cloud系列教程第四篇-Eureka基础知识
通过前三篇文章学习,我们搭建好了两个微服务工程.即:order80和payment8001这两个服务.有了这两个基础的框架之后,我们将要开始往里面添加东西了.还记得分布式架构的几个维度吗?我们要通过一 ...
- 001 01 Android 零基础入门 01 Java基础语法 01 Java初识 01 导学
001 01 Android 零基础入门 01 Java基础语法 01 Java初识 01 导学 welcome to Java World 欢迎来到Java世界 一起领略Java编程世界的奥秘与奥妙 ...
- LWJGL3的内存管理,第一篇,基础知识
LWJGL3的内存管理,第一篇,基础知识 为了讨论LWJGL在内存分配方面的设计,我将会分为数篇随笔分开介绍,本篇将主要介绍一些大方向的问题和一些必备的知识. 何为"绑定(binding)& ...
- Membership三步曲之入门篇 - Membership基础示例
Membership 三步曲之入门篇 - Membership基础示例 Membership三步曲之入门篇 - Membership基础示例 Membership三步曲之进阶篇 - 深入剖析Pro ...
- swift开发多线程篇 - 多线程基础
swift开发多线程篇 - 多线程基础 iOS 的三种多线程技术 (1)NSThread 使用NSThread对象建立一个线程非常方便 但是!要使用NSThread管理多个线程非常困难,不推荐使用 ...
随机推荐
- vivo官网App模块化开发方案-ModularDevTool
作者:vivo 互联网客户端团队- Wang Zhenyu 本文主要讲述了Android客户端模块化开发的痛点及解决方案,详细讲解了方案的实现思路和具体实现方法. 说明:本工具基于vivo互联网客户端 ...
- Seal 0.4 发布:软件供应链安全洞察更上一层楼!
今天,我们很高兴宣布 Seal 0.4 已正式发布!在上一个版本中,Seal 完成了从单一产品到全链路平台的转变,通过全局视图帮助用户掌握软件开发生命周期各个环节的安全状况. 在 Seal 0.4 中 ...
- FCoE简单介绍
目录 FCoE 使用前提 FCoE FCoE是一种融合网络技术,其目的是将FC帧封装到以太网帧中,实现以太网链路与光纤链路通信的功能. SAN一般指存储区域网络,FC SAN 有光纤组网,IP SAN ...
- ctfshow_web入门 PHP特性
PHP特性 这里以半做题,半学习为主,所以就显得比较啰嗦 阿巴阿巴,但是实际上,写得比较水,等过一段时间再总结一下 比较深刻的印象是:下一个手册,多看手册 从web135还是几开始,就是看的这个师傅的 ...
- scrapy的pipline的不同操作
针对json文件 import json import os class SpyOppoPipeline: def __init__(self): self.file = open('曹姐.json' ...
- P5491 【模板】二次剩余
\(\text{Summary}\) 实际上是做法的归纳 一切皆是结论性的,没有证明! 模 \(p\) 意义下的二次剩余有 \(\frac{p-1}2\) 个,二次非剩余也恰有那么多 考虑解关于 \( ...
- 基于电商直播SDK快速实现一个淘宝直播APP【内附源码】
现在各大互联网APP都标配电商直播带货了,没有直播带货开发经验都感觉自己跟不上技术的进步.今天快速基于Java实现一个安卓端电商直播APP,深入理解整个电商直播开发流程.我们最终实现效果如下: 按照惯 ...
- 在线工具帮助医生在社区转诊时甄别SpA患者
在线工具帮助医生在社区转诊时甄别SpA患者 Habibi S, et al. Rheumatology 2016. Present ID: 202. 背景:目前已开发了多种转诊策略以优化脊柱关节炎(S ...
- js的map、filter的用法
filter() 创建新数组,新数组放指定数组中符合条件的元素,满足条件的留下,是对原数组的过滤. map() 返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值,是对原数组的加工,映 ...
- 在 Ubuntu 22 的基础上进行 Hadoop 伪分布式(HDFS)的搭建
一.使用VMware安装Ubuntu虚拟机 在Linux系统各个发行版中,Ubuntu系统在服务端和桌面端使用占比最高,网络上资料最是齐全,所以这里使用Ubuntu LTS. 整体的系统安装文件较大( ...