html a标签去掉下划线_让HTML元素动起来
主要内容标题标签、段落标签、强制换行、水平线、图片、超链接、文本格式化标签、列表和表格。(结合视频学习效果更佳)
https://www.zhihu.com/video/1253651602637651968
一、标题
标题(Heading)是通过 <h1> - <h6> 标签进行定义的。
<h1> 定义最大的标题。 <h6> 定义最小的标题。
标题很重要
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
二、段落
段落是通过 <p> 标签定义的。
<
三、换行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br> 标签:
<br /> 元素是一个空的 HTML 元素。
<
四、水平线
<hr> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
<
属性:
color:设置水平线的颜色
width:设置水平线的长度
size:设置水平线的高度
align:设置水平线的对齐方式(默认居中),可取值left|right
<
五、图片
<img> 标签定义 HTML 页面中的图像。
<
https://www.zhihu.com/video/1253651935375978496
属性:
Src:路径
Alt:规定图像的替代文本。
Width:规定图像的宽度。
Height:规定图像的高度
Title:鼠标悬停在图片上给予提示
https://www.zhihu.com/video/1253651787577864192
六、超链接
https://www.zhihu.com/video/1253652124489576448
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
(1)一个未访问过的链接显示为蓝色字体并带有下划线。
(2)访问过的链接显示为紫色并带有下划线。
(3)点击链接时,链接显示为红色并带有下划线。
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。
<
七、文本格式化标签
https://www.zhihu.com/video/1253652181192323072
效果如下:
https://www.zhihu.com/video/1253652300561870848
八、列表
8.1无序列表
无序列表https://www.zhihu.com/video/1253652835088707584
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表使用 <ul> 标签
<
浏览器显示如下:
无序列表的练习https://www.zhihu.com/video/1253652928163954688
8.2有序列表
https://www.zhihu.com/video/1253652981356163072
同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
列表项使用数字来标记。
<
浏览器中显示如下:
<ol><li>的属性type 拥有的选项
1 表示列表项目用数字标号(1,2,3...)
a 表示列表项目用小写字母标号(a,b,c...)
A 表示列表项目用大写字母标号(A,B,C...)
i 表示列表项目用小写罗马数字标号(i,ii,iii...)
I 表示列表项目用大写罗马数字标号(I,II,III...)
8.3自定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<
浏览器显示如下:
8.4本节作业
九、表格
表格在数据展示方面非常简单,并且表现优秀,通过与CSS的结合,可以让数据变得更加美观和整齐。
行、列、单元格 单元格特点:同行等高、同列等宽。
表格的基本语法:
创建一个3行3列的表格:
单元格中内容的填充间距通过cellpadding(默认1px)属性来设置;
单元格与单元格之间的间距通过cellspacing(默认1px)属性来设置。
设置单元格的填充间距为10,单元格之间的间距为0,红色边框
一般表格的第一行是标题,并且是文本居中、加粗,将td换成th。
而某些数据需要居中,但不希望加粗,可以给td添加align="center"
表格的跨行跨列
有时,表格的结构并没有那么简单,可能会存在跨行和跨列的情况:
跨行:
跨列:
跨行、跨列并存:
这个问题看似很复杂,其实很简单,在制作跨行和跨列的表格时,只需按照如下步骤就可以轻松搞定!:
首先做一个完整的表格:注意虚线部分,最终去掉这些虚线就是我们要的效果
找出最左上角那个“侵占”其他单元格的单元格,如下图标注数字的位置
观察这个单元格“侵占”的是行还是列,算上自己总共是几个?(行数用r表示,列数用c表示):
如果是行:在这个单元格上添加 rowspan="r"
如果是列:在这个单元格上添加 colspan="c"
如果既有行又有列:在这个单元格上添加 rowspan="r" colspan="c"
把“被侵占”的单元格删掉,删除顺序:从右向左,从上至下,否则很容易出错!
按以上步骤完成一个跨行跨列的表格:
十、本节作业
html a标签去掉下划线_让HTML元素动起来相关推荐
- css a标签去掉下划线_这30个CSS选择器,你必须熟记(上)
CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计,我们能轻而易举的改变颜色.布局.制作出漂亮的阴影效果等等,我们只需要改几行代码,不需要借助任何软件,就能轻而易举的实现,感觉就像魔法师一般, ...
- html a标签去掉下划线_如何用HTML基本元素制作表格
第2天[HTML基本元素] 主要内容 标题标签 段落标签 强制换行 水平线 图片 超链接 文本格式化标签 列表 表格 学习目标 一.标题 标题(Heading)是通过 <h1> - < ...
- html a标签去掉下划线_菜鸟HTML基础学习篇
一.HTML初识 HTML概述 HTML:超文本标记语言(Hyper TextMarkup Languag,通过HTML标签对网页中的文字.图片.连接进行美化 关键词:文本.标记.语言 HTML格式 ...
- htm中a标签去掉下划线是那个属性
htm中a标签去掉下划线是那个属性 a{ text-decoration:none; } 或者把这个属性分别加到a标签下, a:link{ text-decoration:none; } a:visi ...
- CSS实现a标签去掉下划线以及点击不再有颜色变化
去掉下划线 a{text-decoration: none; } 点击字体不再有颜色变化 统一设置全局默认字体颜色为黑色即可 *{color: #000000; }
- input标签变为下划线_标签变成13
input标签变为下划线 This interview was given to Andres Lomeña (professor, doctor of sociology, and contribu ...
- ul 无序列表 设计导航栏 + 去掉黑点 + a标签去掉下划线
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> < ...
- css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识
好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...
- css a标签去掉下划线_CSS -- 三大特性
Ⅰ 继承性 给某一个元素设置一些属性,该元素的后代也可以使用,这个我们就称之为继承性 只有以color.font-.text-.line-开头的属性才可以继承 a标签的文字颜色和下划线是不能继承别人的 ...
最新文章
- WFA 认证 启动 sigma_dut方法
- Java 异常处理中对于 finally 的一些思考
- 关于购买企业邮箱,谨防陷入几大误区
- xxl-job 执行结果是空_xxljob dotnet core executor执行器开源
- 重读领域驱动设计——如何说好一门通用语言
- 如何在MyEclipse 中将工程已经删除的文件恢复过来
- Aerospike 使用场景
- java比较两个对象_Java比较两个对象
- html 编辑器插件安装,最新版CKEditor的配置方法及插件(Plugin)编写示例
- 伪春菜.ayc(.dic)文件解密
- android 应用引导用户去应用市场评论
- 魏巍专访丨合作半年拓客100+,他是如何做到的?
- android编译找不到系统so,Android找不到so库解决方法
- word排版技巧:论文图表目录制作步骤。
- Storyboard类介绍
- Tsinsen1295 necklace
- 操作系统的作用是什么?目前主流的操作系统有哪些?主要特点是什么?
- NameValuePair和BasicNameValuePair的关系
- 使用Python办公自动化:将文本、表格及图片写入到Word
- Discriminative Correlation Filters (DCF)