HTML（三）链接，<head>，css样式
HTML链接
HTML 超链接
一个未访问过的链接显示为蓝色字体并带有下划线
访问过的链接显示为紫色并带有下划线
点击链接时，链接显示为红色并带有下划线
注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示
HTML 链接语法
HTML 链接 - target 属性
访问菜鸟教程!
使用 target 属性，你可以定义被链接的文档在何处显示
target 属性参数有4个:
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
图片链接
创建图片链接:
无边框的图片链接:
HTML
HTML 元素
元素包含了所有的头部标签元素
在 元素中你可以插入脚本（scripts）,
样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为:
, , , , , ,
HTML 元素
文档标题
定义了浏览器工具栏的标题
HTML 元素
标签描述了基本的链接地址/链接目标，
该标签作为HTML文档中所有的链接标签的默认链接
HTML 元素
标签定义了文档与外部资源之间的关系
标签通常用于链接到样式表
HTML 元素
标签定义了HTML文档的样式文件引用地址
在 元素中你也可以直接添加样式来渲染 HTML 文档
body {background-color:yellow}
p {color:blue}
HTML 元素
为搜索引擎定义关键词:
为网页定义描述内容:
定义网页作者:
每30秒钟刷新当前页面:
HTML 元素
标签用于加载脚本文件,如:JavaScript
HTML 样式-CSS
如何使用CSS
内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 区域使用 元素 来包含CSS
外部引用 - 使用外部 CSS 文件
没有下划线的链接
HTML内联样式实例 - 背景颜色
这是一个标题
这是一个段落。
HTML 内联样式实例 - 字体, 字体颜色 ，字体大小
一个标题
一个段落。
HTML 内联样式实例 - 文本对齐方式
居中对齐的标题
这是一个段落。
内部样式表
在中添加,设置默认样式
h1 {color:red;}
p {color:blue;}
外部样式表
html引用css
html里加一个class属性,css中加上特效
HTML（三）链接，<head>，css样式的更多相关文章
- MOOC Web前端笔记（三）：CSS样式
CSS样式 CSS概述 CSS--Cascading Style Shees层叠样式表 HTML定义网页的内容,CSS定义内容的样式. 内容和样式相互分离,便于修改样式. CSS语法 p{ font- ...
- 第三篇、CSS样式简介
<!--1.行内样式 <p style="background-color:red;font-size:20px"> --> <!--2.页内样式 & ...
- zencart简单设置分类链接不同css样式
includes/templates/模板/sideboxes/tpl_categories.php $content .= '<a class="'.$new_style.'&quo ...
- python 中增加css样式的三种方式
增加css样式的三种方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
- JavaScript对css样式表操作
CSS样式表3种方式: 内嵌:写在html标签中的样式 :如:<p style="width:100px"> 内嵌</p> 内联:写在html 中<h ...
- HTML标签_增加css样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- html基础：css样式1
h't'm'l中用到css样式有三种方式: 1.在header中增加style标签,在style标签中写 2.用link标签引用css样式文件 3.在需要使用css样式的标签添加style属性 一.在 ...
- PHP.9-HTML+CSS（三）-CSS样式
CSS样式 CSS是Cascading Style Sheets的简写,它除了可以轻松设置网页元素的显示位置和格式处,甚至还能产生滤镜,图像淡化,网页淡入淡出的渐变效果.CSS就是要对网页的显示效果实 ...
- 3月22日 html(三)css样式表
CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例 ...
随机推荐
- TestNG使用@Parameter给要测试的方法传递参数
当需要测试的方法含有参数时,可以通过@Parameters 注解给该方法传递参数. 比如下面这个类,要调用whoami则必须写一个main函数,然后在main函数中调用该函数,并传入参数,使用Test ...
- Java 内存模型详解
概述 Java的内存模型(Java Memory Model )简称JMM.首先应该明白,Java内存模型是一个规范,主要规定了以下两点: 规定了一个线程如何以及何时可以看到其他线程修改过后的共享变量 ...
- JAVA对象实例化方式总结
JAVA对象实例化的方法 New对象实例 // 直接new对象实例 Productor productor = new Productor(); 反射机制 Java反射机制是在运行状态中,对于任意一个 ...
- Linux 文件系统相关的基本概念
本文介绍 Linux 文件系统相关的基本概念. 硬盘的物理组成 盘片硬盘其实是由单个或多个圆形的盘片组成的,按照盘片能够容纳的数据量,分为单盘(一个硬盘里面只有一个盘片)或多盘(一个硬盘里面有多个盘片 ...
- python 实现两个文本文件内容去重
实现两个文本内容去重,输出两个文本不重复的结果 两个测试文本内容如下 1.txt中内容为 1 2 3 4 5 6 7 8 2.txt中内容为 1 2 3 4 5 6 7 8 9 10 11 12 13 ...
- 1.Go语言copy函数、sort排序、双向链表、list操作和双向循环链表
1.1.copy函数 通过copy函数可以把一个切片内容复制到另一个切片中 (1)把长切片拷贝到短切片中 package main import "fmt" func main() ...
- python中的赋值操作与C语言中的赋值操作中的巨大差别
首先让我们来看一个简单的C程序: a = ; b = a; b = ; printf("a = %d, b = %d\n", a, b); 相信只要学过C语言, 不用运行程序便能知 ...
- java学习笔记(中级篇)—java实现高质量图片压缩
使用java几十行代码实现一个高质量图片压缩程序,再也不用去自己找网络的压缩程序啦!而且很多网上的工具还有水印或者其他的限制,自己动手写一个简单的应用,是再合适不过了. 一.实现原理 1.声明两个字符 ...
- 十分钟带你看一遍ES6新特性
let , const关键字 var 看习惯了java, 看js真的是忍不住想笑,比如说这个var,它太自由了,自由到{}根本限制不住它的生命周期 js的var关键字,无论在何处声明,都会被视为声明在 ...
- kube-proxy源码分析
kubernetes离线安装包,仅需三步 kube-proxy源码解析 ipvs相对于iptables模式具备较高的性能与稳定性, 本文讲以此模式的源码解析为主,如果想去了解iptables模式的原理 ...