html常用标签
**
HTML常用的标签
<div></div> 布局标签(独占一行) 大盒子
<span></span> 布局标签,一行上可以有多个 小盒子
<p></p> 段落标签(存放文字)
<h1></h1> 标题标签
<button></button> 按钮标签
文本格式化标签(推荐用第一个)
<strong></strong>或者<b></b> 加粗
<em></em>或者<i></i> 倾斜
<del></del>或者<s></s> 删除线
<ins></ins>或者<u></u> 下划线
图像标签
<img src = ' '/> 图片标签 src指定图像文件的路径和文件名
属性 属性值 说明
Src 图片路径 必须属性
alt 文本 替换文本。图像不能显示的文字
title 文本 提示文本。鼠标放到图像上,显示的文字
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 像素 设置图像的边框粗细
相对路径分类 符号 说明
同一级路径 图像文件位于HTML文件同一级如<img src="baidu.gif" />
下一级路径 / 图像文件位于HTML文件下一级如<img src="images/baidu.gif" />.
上一级路径 ../ 图像文件位于HTML文件上一级如<img src="../baidu.gif" />.
超链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
属性 作用
href 用于指定链接目标的url地址,(必须属性) 当为标签应用href属性时,它就具有了超链接的功能
target 用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式。
链接分类:
1.外部链接:例如< a href="http:// www.baidu.com">百度</a>.
2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如< a href="index.html">首页</a>.
3.空链接:如果当时没有确定链接目标时, <a href="#">首页</a>。
4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
<a href="大作业.zip">下载文件<br></a> 下载链接
<a href="../a.html"><img src="2.jpg" alt=""></a> 图像链接
使用css的三种方法
1.style属性,在html标签中,通过style属性添加样式
<p style= 'color: red; font-size: 50px;'>好好学习,天天向上</p>
2. style标签, 在head标签中,创建style标签
<style>
/*标签选择器*/
p {color:red;
background-color: blue;}
</style>
3. css文件: 创建.css文件,将样式放在该文件中,然后在head中通过link标签引入该文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./index.css">
</head>
<body>
<p style="color: red; font-size: 20px;">海南大学</p>
<p id='title'>海南省海口市美兰区</p>
<p class="cls">海南省旅游胜地蜈支洲岛</p>
<p class="cls">海南省旅游胜地蜈支洲岛</p>
</body>
</html>
结果
浏览器中使用javaScript
- script标签:在body标签的最后面,创建script
2. 独立js文件:创建hello.js文件,在body标签的最后面,通过script标签引用
<script src = './hello.js'></script>**