实体标签

最新推荐文章于 2023-02-26 12:19:25 发布

xiaobaixie

最新推荐文章于 2023-02-26 12:19:25 发布

阅读量817

点赞数

分类专栏： HTML学习代码文章标签： html

本文链接：https://blog.csdn.net/xiaobaixie/article/details/74626391

版权

HTML学习代码专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
    </head>
	<!-- 
    	为什么要学实体标签？
        	因为> < 等一些符号在html页面中是有着特殊含义，这些字符如果需要在页面中显示，这时候就应该使用实体标签。
            
    	常用的实体字符：
        	空格			 
            小于号		<
            大于号		>
            &			&
            "			"
            人民币		¥
            版权			&copy;
            商标			&reg;
            
         媒体标签：
         	<embed></embed>
            	hidden		设置音乐插件是否隐藏
                src			用于指定音乐的路径
                <marquee>	飘动标签
                	direction	指定飘动的方向
                    scrollamount	指定飘动的速度
                    loop		指定飘动的次数

          <a>超链接标签：
          	<a>标签常用的属性：
            	href		用于指定连接的资源
                target		设置打开新资源的目标	_Blank 在独立的窗口上打开新资源	_self 在当前窗口打开新资源 
          file：file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的，
          	格式：
            	file:\\\f\a.jpg
          a标签的原理：
          	1、a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解析器去解析该网址，首先会在本地机器去找一个hosts文件，如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。
            2、如果a标签的href属性值没有以任何协议开头，那么浏览器就会启动file协议解释器去解释该资源路径
            3、如果a标签的href属性值并不是以http协议开头的，而是其他的一些协议，那么这时候浏览器就会去到我们本机的注册表中去查找是否有处理这种协议的应用程序，如果有，那么马上启动该应用程序处理该协议。
          
          邮件的协议：mailTo
          迅雷的协议：thunder
          	
                
            超链接标签的作用：
            	1、可以用于连接资源
            	2、锚点定位
                	1、首先要编写一个锚点。		锚点的写法格式：<a name="锚点名字"> 数据 </a>
                    2、使用a标签的	href属性连接到锚点处。		href="#锚点的名字"
	
    	<img>图片标签:
        	img标签常用的属性：
            	width		宽度
                heigh		高度
                alt			如果图片资源无法找到，那么就显示对应的文字对图片进行说明
            热点图：
        <table>表格标签：
        	表格使用到的标签：
            	<table>		表格
                <tr>		行
                <td>		单元格
                <th>		表头		默认的样式是居中，加粗
                <caption>	表格的标题
            表格常用的属性：
            	border		设置表格的边框
                width		设置表格的宽度
                height		设置表格的高度
                colspan		设置单元格占据指定的列数
                rowspan		设置单元格占据指定的行数
                
                以前的浏览器一旦遇到了一个<table>的开始标签，就必须要等到遇到table标签的结束标签的时候，才会在网页中显示一个表格的内容。
                后来一个表格就被分成三个部分
                	<thead>		表头		可以没有存在thead
                    <tbody>		表体		一个表格至少要存在一个tbody，也可以存在多个
                    <tfoot>		表尾		可以不存在tfoot
                一个浏览器只要遇到了一个网站的tbody标签，那么就可以显示当前页面的信息。
                 
        	
    -->
    <body>
    	  段落标签是使用<p>标签	&"哈哈"<br/>
		该毛衣的价格：¥189<br/>
        <<升人JAVA>>该书版权归属于：&copy;	张三
        <br/>
        本次活动归属于：&reg;传智播客
        <hr/>
        
        
        <h1 align="center">媒体标签</h1>
       <!--
        <embed src="E:\JAVA\java学习视频传智博客（32期）\2015年传智java基础+就业班 32期完整版\就业班\day02\代码\1.mp3" hidden = "false"></embed>
        -->
        
        <marquee loop="-1" scrollamount="30" direction="right"><font size="+6" color = "red">飞翔不知......</font></marquee>	
        <hr/>
         <h1 align="center">超链接标签</h1>
         <a target = "_blank" href="http://www.baidu.com">百度一下</a>
         <br/>
         <a target = "_blank" href="html常用标签.html">带你看html常用标签.html</a>
         <br/>
         <hr/>
         如果有需要请发送邮件至：<a href="mailTO:124354660@qq.com">124354660@qq.com</a>
         <br/>
         <hr/>
         <a href="thunder:一个人的武林.avi">一个人的武林.avi</a><br/>
         <hr/>
         <a name = "top">顶部</a>
         传智博客传智博客传智博客
         <a href = "#top">回到顶部</a>
         <br />
         <hr />
         <img  src = "F:\a.jpg" width = "400" height="300" alt="这是无聊的"/>
         <br />
         <hr />
         <h1 align="center">表格标签</h1>
         <table  align="center" border="1px" bordercolor="#00FFFF" width="400px" height="300px">
         	<caption>期末考试</caption>
            <thead>
            <tr>
            	<th>姓名</th>
                <th>性别</th>
                <th>人品</th>
            </tr>
            </thead>
            <tbody>
            <tr align="center">
            	<td>张三</td>
                <td>男</td>
                <td>好</td>
            </tr>
            <tr align="center">
            	<td>李四</td>
                <td>男</td>
                <td>哈</td>
            </tr>
             <tr align="center">
            	<td>王四</td>
                <td>女</td>
                <td>不好吗</td>
            </tr>
            </tbody>
            <tfoot>
            <tr align="center">
				<td>综合测试</td>
                <td colspan="2">良好</td> 
            </tr>
            </tfoot>
         </table>
         
    </body>
</html>