【HTML】HTML 标签 ③ ( 文本格式化标签 | 加粗 | 斜体 | 下划线 | 删除线 | 标签属性 | 图像标签 | 图像标签属性 )

文章目录

• 一、文本格式化标签 ( 加粗 | 斜体 | 下划线 | 删除线 )
• 二、标签属性
• 三、图像标签

HTML 常用的标签有如下类型 :

• 排版标签
• 文本格式化标签 ★
• 图像标签 ★
• 链接标签

一、文本格式化标签 ( 加粗 | 斜体 | 下划线 | 删除线 )

文本格式化标签 : 对文字设置斜体 , 下划线 , 删除线 效果 ;

• 粗体效果 : 下面两种标签都能实现 粗体效果 , 在 XHTML 中推荐使用 标签 ;

• 斜体效果 : 下面两种标签都能实现 斜体效果 , 在 XHTML 中推荐使用 标签 ;

• 下划线效果 : 下面两种标签都能实现 下划线效果 , 在 XHTML 中推荐使用 标签 ;

• 删除线效果 : 下面两种标签都能实现 删除效果 , 在 XHTML 中推荐使用 标签 ;

XHTML 是 可扩展超文本标记语言 , 英文全称 eXtensible HyperText Markup Language , 是 HTML5 标准的一部分 ;

代码示例 :

 

	    
		 
        
    
    
    	编程范式 指的是 使用某种编程语言的 编程套路 或 编程习惯 ;		
    

显示效果 :

二、标签属性

在标签中可以添加 标签属性 , 标签属性的格式为 :

 标签内容 标签名称>

一个标签中可以设置若干属性 ;

三、图像标签

在网页中插入图片 , 使用 标签 , 该标签是单标签 , 插入语法如下 :

将图片放在 html 文件相同的目录 , 可以直接使用相对路径添加该图片 ;

添加后的效果如下 , 图片会按照原始像素进行显示 ;

图像标签 可以设置如下属性 :

• alt 属性 : 属性值是 文本字符串 , 作用是 当图片无法显示时 , 显示该文本 ;
• title 属性 : 属性值是 文本字符串 , 作用是 鼠标在图片上悬停时 , 显示该文本 ;
• width 属性 : 属性值是 像素数值 , 作用是 设置图像的像素宽度 ; 宽度和高度一般不同时设置 , 同时设置比例可能失真 ;
• height 属性 : 属性值是 像素数值 , 作用是 设置图像的像素高度 ; 宽度和高度设置任意一个 , 另外一个可以等比例缩放 ;
• border 属性 : 作用是 设置图像的边框宽度度 , 一般都使用 css 设置 border 属性 ;

上述属性可以选择性设置 , 不必全部设置 , src 属性必须要配置 , 其它属性可有可无 ; 属性设置顺序不分先后 , 都可以正常发挥作用 ;

代码示例 :

效果展示 :

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net