前端学习笔记-2-HTML标签

最新推荐文章于 2023-03-07 14:55:18 发布

joe_xby

最新推荐文章于 2023-03-07 14:55:18 发布

阅读量245

点赞数

分类专栏： web前端文章标签： html

本文链接：https://blog.csdn.net/coco_jack/article/details/105769506

版权

web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、HTML语法规范

1、 HTML 标签 <> 包围的关键字，例如：<html>,  标签一般成双成对出现，例如 <html></html> （开始标签和结束标签），
 但也有少数的单标签 例如<br />
 
2、双标签有包含标签和并列标签 
        包含标签例如：<head><title></titlt></head>  
        并列标签例如：<head></head><body></body>
        
3、HTML骨架标签
	<html></htm> ：   HTML标签      页面中最大的标签，称为 “根标签”
	<head></head>： 文档的头部     head标签中必须设置<title></title>标签
	<title></title> ：文档的标题     网页标题
	<body></body> ：文档的主体  元素包含文档的所有内容，页面内容 基本上都是放到这个标签中

二、常用HTML标签

1. 标题标签 <h1></h1>  ~ <h6></h6> ，总共有6级,重要性逐级递减，一个标题独占一行
2. 段落标签 ：<p> </p>。
	特点：文本在一个段落中会根据游览器窗口的大小自动换行；段落和段落中间之间有空隙。
3.换行标签 ：<br />
	特点：强制换行; 换行的两行之间无缝隙
3. 文本格式化标签：实现比如加粗，下划线，斜体等效果 
	<strong></strong> 或者<b></b>  实现加粗效果。
	<em></em>或者<i><i>  实现倾斜效果。
	<del></del> 或者<s></s> 实现删除线效果。
	<ins></ins>或者<u></u>  实现下划线效果。
4. <div>和<span> 没有具体的的语义，相当于一个盒子，布局网页。
	注意：<div></div> 独自占一行 ； <span></span>一行可以放好几个
5. 图像标签 (单标签)：<img src=“图像URL” /> ，标签属性有如下：
	src:图片路径。	必须设置的属性 (绝对路径或者相对路径)
	alt:文本。	替换文本，图片不显示的时候，显示
	title:文本。	提示文本，当鼠标放到图像上，显示的文字
	width:像素。	设置图像的宽度 
	height:像素。设置图像的高度 
	border:像素。设置图片边框粗细 	
	注意：图片设置宽度和高度，一般设置一个参数，另外的一个属性会等比例变化，这样不会失真。可以拥有多个属性，不分顺序，属性与属性之间用逗号分割。属性采用键值对方式 key ="value" 。相对路径：以引用文件所在位置为参考基础，而建立出的目录文件   	
6.超链接标签 ：<a> </a> 有以下属性
	href:用于指定链接目标地址的url（必须属性）当为标签引用href属性时，就有了超链接的功能
	target:用于指定链接的打开方式，_self(该值为默认值），__blank在新的窗口打开方式。

几种链接介绍
在这里插入图片描述