标签、路径、链接笔记

最新推荐文章于 2024-10-06 21:18:37 发布

hiZZ5014

最新推荐文章于 2024-10-06 21:18:37 发布

阅读量754

点赞数 9

文章标签：笔记 java 前端

本文链接：https://blog.csdn.net/hiZZ5014/article/details/136947146

版权

本文详细介绍了HTML的基本结构，包括标签的定义、使用，如HTML、head、title、body等，以及关键元素如图像标签<img>、超链接<a>的属性和用法，还有路径和注释的处理。

摘要由CSDN通过智能技术生成

标签、路径、链接笔记

双标签

（开始标签 <html> 结束标签</html>）单标签<br/>
⬇ 包含关系 ⬇并列关系
<head> <head></head>
   <title> <body></body>
   </title>
   </head>
标签定义

<html></html> HTML标签页面中最大的标签称为根标签

<head></head> 文档的头部在head标签中必须设置title标签
<title></title> 文档的标题让页面拥有自己的网页标题

<body></body> 文档的主体存入文档的内容（保底标签）

lang = 语言种类
定义当前文件所显示语言 en zh-CN 均可显示中英文

en = 英文网页 zh-CN = 中文网页

Character set = charset 字符集 ******
在<head>标签内通过<meta >的charset属性来规定使用哪种字符编码
例：<meta charset="UTF-8"/>
常用：GB2312, BIG5, GBK, * UTF-8（也叫万国码基本包含全世界用到的字符）

HTML常用标签
标题标签 <h1>（重要）——<h6> h=head=标题
1——6 逐渐减小加标题字体会变粗

段落和换行标签（重要）
        <p></p>用于定义段落 praagraph段落
        1.文本中会自动换行
        2.段落和段落之间保有空隙           <br />强制换行 break 打断~换行单标签

文本格式化标签（突出重要性）（推荐使用第一种）

                加粗 <strong></strong> <b></b>
  倾斜 <em></em> <i></i>
        删除线 <del></del> <s></s>
下划线 <ins></ins> <u></u>

<div>和<span>标签
            没有语义用来装内容
            div division 分割分区一行上只能有一个独占一行大盒子
            span 跨度跨距   一行上可以多个<span> 小盒子

图像标签和路径（重点）单标签
             图像标签 <img>=image=图像用于定义HTML页面中的图像
           标签可以有多个属性，必须写在标签名后面
           属性采取键值对格式 key="value" 属性="属性值"
           <img src="图像URL"/>
           src是<img>标签中的必须属性用于指定图像文件的路径和文件名
           alt 文本替换文本图像不能显示的文字
           title 文本提示文本，鼠标放到图像上，显示的文字
              width 像素设置图像的宽度   height 像素设置图像的高度 border 像素设置图像的边框粗细

   路径
   目录文件夹普通文件夹
       根目录打开目录文件夹第一层
相对路径图片相对于HTML的位置
       同一级路径
       下一级路径 /
       上一级路径 ../
   绝对路径目录下的绝对位置精准位置用（\）或完整的网络地址
       C:\Users\admin\Desktop\前端基础\案例\img.jpg.jpg

  超链接标签（重点）
   <a>标签用于定义超链接，作用是从一个页面链接到另一个页面
   链接的语法格式
   <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
           a=anchor=锚
属性 href 用于指定链接目标的url地址（必须属性）
属性 target 用于指定链接页面的打开方式，其中_self为默认值（当前窗口打开），__blank为在新窗口中打开方式
   链接分类
       外部链接 <a href="http://www.baidu.com">百度</a>
       内部链接 <a href="index.html">首页</a> 网站内部页面的相互链接直接链接内部页面名称即可
       空链接 <a href="#">首页</a>
       下载链接 <a href="img.zip">下载文件</a> 下载链接：地址链接的是文件 .exe 或者是 zip 等压缩包形式
       网页元素链接在网页中的各种网页元素如文本、图像、表格、音频、视频等
           <a href="http://www.baidu.com"><img src="img.jpg"/></a>
       锚点链接点击链接快速定位到页面的某个位置
           <a href="#live">个人生活</a><br />
           <h3 id="live">个人生活</h3>