html标签常用操作

头部标签

  • <head>标签

< head>标签包含了所有的头部元素,在<head>里面可以用<title>、<style>、<link>、<meta>
<script>、<\base>

  • < title>标签

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

  • < base> 标签
<head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>

< base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接,以及target(打开链接页面的跳转方式)_blank:重新打开一个页面;_top:在该页面加载

  • < link> 标签

1、引入标签的图标

<head>
<link rel="shortcut icon" href="图标的位置" type="image/x-icon">
</head>

2、引入外部的样式

<head>
<link rel="stylesheet" type="text/css" href="css样式的位置">
</head>
  • < style> 标签

直接在head里面写css的代码

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
  • < meta> 标签

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

1、为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

2、为网页定义描述内容:

<meta name="description" content="免费 Web & 编程 教程">
  • < script> 元素

用于写javascript的代码,以及引入js资源文件

<script src=../js/demo.js"></script>

常用标签

  • < a>标签

1、超链接

<a href="http://www.baidu.com/" >百度</a>

2、一个没有下划线的超链接,style="text-decoration:none;"取消了下划线

<a href="http://www.baidu.com/" style="text-decoration:none;">百度</a>

3、图标型的超链接

<a href="http://www.baidu.com/"><img src="图片的位置"/></a>
  • div>标签和< span>标签

这两个标签没有特殊含义,div标签是块级元素,是一个组合其他HTML元素的容器
span标签是一个行级元素,可用于文本的容器
div一般用于布局,换行,span一般用于在一行,用作文本的容器

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值