HTML学习总结（3）——标签a/head/style/img

HTML链接

1.`<a>`标签

HTML 使用 <a>标签来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

在<a> 标签中，使用 href 属性来描述链接的目标地址。 <a href="url">链接内容</a>
默认情况下，链接将以以下形式出现在浏览器中：一个未访问过的链接显示为蓝色字体并带有下划线。访问过的链接显示为紫色并带有下划线。点击链接时，链接显示为红色并带有下划线。
<a href="https://www.csdn.net">访问CSDN</a>

2. HTML `<a>` target 属性

在<a>标签中使用 target 属性，你可以规定在何处打开链接文档。
target 属性值有：

_blank：在新窗口中打开被链接文档。
_self：默认。在相同的框架中打开被链接文档。
_parent：在父框架集中打开被链接文档。
_top：在整个窗口中打开被链接文档。 framename：在指定的框架中打开被链接文档。
<a href="https://www.CSDN.net" target="_blank">访问CSDN</a>

HTML头部标签

<head> 元素包含了所有的头部标签元素。在元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
下面是 <head> 元素包含的头部标签元素列表：

标签	描述
head	定义了文档的信息
title	定义了文档的标题
base	定义了页面链接标签的默认链接地址
link	定义了一个文档和外部资源之间的关系
meta	定义了HTML文档中的元数据
script	定义了客户端的脚本文件
noscript	定义在脚本未被执行时的替代内容（文本）
style	定义了HTML文档的样式文件

`<title>`标签

<title> 标签定义了 HTML 文档的标题，在所有 HTML 文档中是必需的。
<title> 元素：

定义浏览器工具栏中的标题
提供页面被添加到收藏夹时的标题
显示在搜索引擎结果中的页面标题

HTML CSS

CSS 可以通过以下方式添加到HTML中：

内联样式：在HTML元素中使用“style”属性。
内部样式表：在HTML文档头部 <head>区域使用<style> 元素来包含 CSS。
外部引用：使用外部CSS文件。
最好的方式是通过外部引用CSS文件。

内联样式

当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。

使用font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式。
<h1 style="text-align:center;">居中对齐的标题</h1>

内部样式表

当单个文件需要特别样式时，就可以使用内部样式表。你可以在部分通过

<style type="text/css">h1 {color:orange;}p {color:green;}
</style>

外部样式表

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。

<head>
<link rel="stylesheet" type="text/css" href="/statics/styles.css">
</head>

`<img>`标签

在 HTML 中，图像由标签定义。<img>是空标签，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。源属性的值是图像的 URL 地址。 <img src="url">
URL 指存储图像的位置，你需要为位于引号之间的 src 属性放置图像位置。
alt属性用来为图像定义一串预备的可替代的文本。替代文本属性的值是用户定义的。在浏览器无法载入图像时，替代文本属性告诉读者他们失去的信息。
<img src="test.png" alt="我的图片">
width（宽度）与 height（高度）属性用于设置图像的宽度与高度。width 与 height 属性值可以以 px（像素）或 %（百分比）形式指定，默认单位为 px（像素）。
<img src="test.png" alt="图片看不到了" width="105" height="80">

HTML学习总结（3）——标签a/head/style/img相关推荐

【JavaWeb学习】—iframe标签（四）
[JavaWeb学习]-iframe标签(四)
HTML5第二天学习内容(基本标签分类)
基本标签分类 : 块属性标签行属性标签一.块属性标签: 1️⃣ div 标签,本身无实意. 2️⃣ h1 ~ h6 标题标签. 注:h1 标签对 SEO优化权重较高.(h1 在页面中最多出现 ...
Mybatis学习之selectKey标签用法
Mybatis学习之selectKey标签用法前言实现流程 Mapper.xml文件配置属性介绍前言需求说明主从表入库时,从表需要获取主表中的最后入库自增id,可以借助Mybatis中se ...
JUnit5学习之五：标签(Tag)和自定义注解
欢迎访问我的GitHub 这里分类和汇总了欣宸的全部原创(含配套源码):https://github.com/zq2599/blog_demos 关于<JUnit5学习>系列 <JU ...
学习通过标签内部的style设置样式，仅UI
一个静态的注册页面开发工具成品展示设计思路 1.页面主体 ==> table 2.外部div(嵌套table) 3.最外部的body 实现步骤 1.新建项目 2.table (1)创建一个 ...
HTML5的学习，各个标签的尝试
style标签的使用可以更好的改变各个标题风格基本标签<p>,标题<h>,这里br是换行. 超链接的使用,属性href. 表格的使用table. 最后就是图片 img,和音频 ...
深度学习（三十五）——Style Transfer（2）, YOLOv3, Tiny-YOLO, One-stage vs. Two-stage
Style Transfer Texture Networks: Feed-forward Synthesis of Textures and Stylized Images 这篇论文属于fast s ...
Python中去除html中的标签，css(style样式)
需求:获取公司官网数据 question1:部分网站是通过js动态加载的,如果直接只用requests.get(url),就会出现获取信息不全的问题,举个例子: import requestsdef ...
051 ＜css语法＞学习之: 常用标签(input等)
文章目录标签先说input这一簇获取信息: input 标记: label 表单: form 再说table这一簇表格: table 表格行: tr 表格头: th 表格内容: td 行内元素 ...
学习笔记：Controllable Artistic Text Style Transfer via Shape-Matching GAN 基于形状匹配生成对抗网络的可控艺术文本风格迁移
[ICCV-2019] Controllable Artistic Text Style Transfer via Shape-Matching GAN 基于形状匹配生成对抗网络的可控艺术文本风格迁移 ...

HTML学习总结（3）——标签a/head/style/img

HTML链接

1.`<a>`标签

2. HTML `<a>` target 属性

HTML头部标签

`<title>`标签

HTML CSS

内联样式

内部样式表

外部样式表

`<img>`标签

HTML学习总结（3）——标签a/head/style/img相关推荐

最新文章

热门文章

HTML学习总结（3）——标签a/head/style/img

HTML链接

1.<a>标签

2. HTML <a> target 属性

HTML头部标签

<title>标签

HTML CSS

内联样式

内部样式表

外部样式表

<img>标签

HTML学习总结（3）——标签a/head/style/img相关推荐

最新文章

热门文章

1.`<a>`标签

2. HTML `<a>` target 属性

`<title>`标签

`<img>`标签