HTML复习之基础标签
HTML复习之基础标签
基础介绍
学习HTML->HTML标签->HTML标签语义
在合适的位置使用合理的标签，设计网页结构
标签：
注释标签
标题标签
段落标签
无语义标签
图像标签
超链接标签
列表标签
表格标签
表单标签
常用基础标签
注释标签
- 作用：给代码做注释，方便程序员阅读代码
- 程序不会执行注释内容
标题标签（重要）
- 作用：让网页更具有语义化
- 组成：6级标题标签，成对标签h1h6分别表示一级标题六级标题
- 特征：
独占一行->块元素
有垂直间距
文字加粗
字号逐渐减小，一级最大，六级最小
重要性递减，即一级标题要比二级标题重要…
段落标签（重要）
- 作用：文字分段呈现，文字更有条理
- 组成：p，成对标签
- 特征：
独占一行->块元素
有垂直间距
换行标签
- 作用：强制换行
- 组成：br，单标签
- 特征：简单的开始新的一行呈现内容
分割线标签
- 作用：分割内容
- 组成：hr，单标签
- 特征：页面呈现一条水平分割线
无语义标签（重要）
- 作用：相当于盒子，装内容
- 组成：div，span
无特定含义，使用频率很高 - 特征：
div：
块元素->独占一行
默认：一行放一个div
span：
行内元素->和其他元素共占一行
一行放多个span
文本格式化标签
- 作用：突出文字的重要性
- 分类：
加粗：strong b
倾斜：em i
下划线：ins u
删除线：del s - 特征：
可以为文字设置加粗、倾斜、下划线、删除线效果
特殊标签
<：<
>：>
空格：    
&：&
简单案例
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- 注释标签：给代码做注释，方便程序员阅读代码程序不会执行注释内容--><!-- 标题标签：作用：让网页更具有语义化组成：6级标题标签，成对标签h1~h6分别表示一级标题~六级标题特征：独占一行->块元素有垂直间距文字加粗字号逐渐减小，一级最大，六级最小重要性递减，即一级标题要比二级标题重要...--><h1>静夜思</h1><h3>李白</h3><!-- 段落标签：作用：文字分段呈现，文字更有条理组成：p，成对标签特征：独占一行->块元素有垂直间距--><p>床前明月光</p><p>疑是地上霜</p><!-- 换行标签：作用：强制换行组成：br，单标签特征：简单的开始新的一行呈现内容--><p>老舍（1899年2月3日—1966年8月24日），男，原名舒庆春，字舍予，另有笔名絜青、鸿来、非我等。<br>因为老舍生于立春，父母为他取名“庆春”，大概含有庆贺春来、前景美好之意。上学后，自己更名为舒舍予，含有“舍弃自我”，亦即“忘我”的意思。北京满族正红旗人。[1] 中国现代小说家、作家、语言大师、人民艺术家、北京人艺编剧 [2] ，新中国第一位获得“人民艺术家”称号的作家。代表作有小说《骆驼祥子》《四世同堂》，话剧《茶馆》 [34] 《龙须沟》 [35] 。 [3]</p><!-- 分割线标签：作用：水平的分割线组成：hr，单标签特征：页面呈现一条水平分割线--><hr ><p> 老舍的一生，总是忘我地工作，他是文艺界当之无愧的“劳动模范”。1966年8月24日，由于受到文化大革命运动中恶毒的攻击和迫害，老舍被逼无奈之下含冤自沉于北京太平湖。 [4] 1978年，老舍得到平反，恢复“人民艺术家”的称号。[6] 2017年9月，中国现代文学长篇小说经典《四世同堂》由东方出版中心出版上市。这是该作自发表以来第一次以完整版形式出版。 [5] 墓碑上刻写着老舍的一句话：“文艺界尽责的小卒，睡在这里。”</p><!-- 无语义标签：作用：相当于盒子，装内容组成：div，span无特定含义，使用频率很高特征：div：块元素->独占一行默认：一行放一个divspan：行内元素->和其他元素共占一行一行放多个span--><div><p>举头望明月</p><p><span style="color: red;">低</span>头思<span style="color: aqua;">故乡</span></p></div><!-- 文本格式化标签：作用：突出文字的重要性分类：加粗：strong b倾斜：em i下划线：ins u删除线：del s特征：可以为文字设置加粗、倾斜、下划线、删除线效果--><p><strong>今天</strong><em>天气</em>很<ins>好</ins></p><!-- 特殊标签：&xxx;<：<>：> 空格：    &：&--><!-- a加粗d --><!-- a<b c>d -->a<b c>d&</body>
</html>
HTML复习之基础标签相关推荐
- 阿里品牌数据银行分析师复习资料库——基础标签
数据银行解析 品牌数据银行&品牌策略中心作为消费者运营产品,经过长时间的数据沉淀和优化,已上线了几百个优质的产品标签,覆盖基础属性.地理属性.偏好习惯.消费行为.各行业定制化等数据维度.助力品 ...
- HTML基础的回顾复习（基本标签，简单的一个登陆验证）
HTML基础标签 表单 只读标签:readonly 禁用标签:disabled 隐藏标签:hidden 表单初级验证 *** 常用方式 ** placeholder [外链图片转存失败,源站可能有防盗 ...
- 电大工商管理计算机考试,东方电大工商管理专科计算机期末复习应用基础实验报告...
<东方电大工商管理专科计算机期末复习应用基础实验报告>由会员分享,可在线阅读,更多相关<东方电大工商管理专科计算机期末复习应用基础实验报告(7页珍藏版)>请在人人文库网上搜索. ...
- 自用的快速复习Java基础知识，不适用于每一个人
自用的快速复习java基础知识,不适用于每一个人 问题背景 1. 类定义出来的变量称为**对象** [IDEA安装](https://www.jb51.net/article/193853.htm) ...
- HTML基础标签入门
HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...
- 显示多文档标签_HTML常用基础标签，前端从入门到精通
首先,我们来理解一下一个网页的基本组成 代码如下 一个网页是有许许多多的标签对组成的,即开始标签-结束标签,都是成对出现(当然我们后面会说的还存在单标签,表示自闭合标签,例如: ) 对上述的标签先来解 ...
- HTML5的知识分享（一）：HTML5的基础标签
标签是什么? 标签是HTML语言是基本的元素和组成部分,它使一个网页分出范围.内容区.解释区以及各种内容的引用.简单地说,标签是使网页内各种内容相互区分,使内容与数据更加有序的.特殊的.约定好的符号. ...
- html基础标签 1211
html基础标签 1211 标题标签 h 段落标签 p 水平线标签 hr 换行标签 br 块级容器标签 div 内联容器标签 span 加粗标签 b strong 斜体标签 i em 删除线标签 s ...
- 2020_12-电路理论框架复习思考-基础篇
2020_12-电路理论框架复习思考-基础篇 电路理论究竟在学些什么?我认为本质上,是线性拓扑结构,KCL,KVL和V-I关系,于是,在电阻电路部分,有它的拓扑结构带来的各种性质和运算方式,包括结点方 ...
最新文章
- 服务器共享文件和电脑同步,云服务器共享文件夹同步
- MapReduce示例——WordCount（统计单词）
- solidity mapping of mapping
- 数组、字符串及字符串相关函数
- 语言是用的，把日常的交流转换成其它语言就可以了（转）
- 数据中台交付专家告诉你，数据架构的分层怎样更加合理？
- linux下进程调度模拟程序,linux认证辅导:linux进程调度模拟怎么做？
- Dex文件格式扫描器：特征API的检测和扫描-小工具一枚（转载）
- 函数传参数_算法笔记（7）第二章C、C++快速入门函数，main函数，
- android studio 3.0 安装配置
- oracle分页查询过程的简单实现
- php逆波兰表达式,PHP逆波兰示意与表达式计算
- win10安装ipython_win10下安装Anaconda的教程（python环境+jupyter_notebook)
- 圆形刻度盘 进度 展示
- STM32F1开发指南笔记46----字库原理及汉字库创建
- linux下编译opendds,Linux下编译OpenDDS
- 杰奇python采集器_linux下安装杰奇，实现关关采集器远程采集详细教程
- Hive建表语句批量导出导入
- 冲量在线荣获STIF2021国际科创节2021年度技术先锋奖
- Ubuntu20.04安装有道词典 + 卸载