HTML文本标签及其常用属性

怎么被冰融化

已于 2023-02-18 17:18:21 修改

阅读量469

点赞数

文章标签： html 前端

于 2023-02-15 19:34:41 首次发布

本文链接：https://blog.csdn.net/weixin_54262716/article/details/129047295

版权

HTML的概念

Hyper Text Markuo Language:超文本标记语言，可以针对字体、图像、视频、音频、等

设置字体大小、类型、标记颜色等等的渲染效果。

HTML的标准结构

跟标签 html标签（元素）

有开始，有结束的标签，称为“闭合标签”（有标签体的标签

<html>
    <head>头标签--指定当前页码编程格式以及页面中的窗口标题
        <meta 页面编码格式="utf-8">  -- utf-8 :一个中文对应三个字节
		<title>页面的窗口标题</title>
    </head>
   
    <body>  <!--页面主体部分-->
        书写常用的html标签
    </body>
</html>

常用的文本标签

标题标签:    h1-h6:效果是从大到小
			页面中标题标签的应用场景:给页面头部规定(识别当前内容)
			一般订单详情/商品详情等等页中都有标题
          <h1>今天天气很差</h1>
          <h2>今天天气很差</h2>
          <h3>今天天气很差</h3>
          <h4>今天天气很差</h4>
          <h5>今天天气很差</h5>
          <h6>今天天气很差</h6>

水平线标签：
            <hr/>
            作用:分割前后两段内容

 段落标签p标签:
            <p>  p标签本身在包裹内容前后两端会自动换行标签
           <p>p标签本身在包裹内容前后两端会自动换行标签</p>


换行标签br:
            作用:在上一段内容的末尾写入换行符号

用户名:<input type="text" /> <br/>
密码:<input type="password" />

滚动标签 marquee
            默认的属性:
					滚动的方式behavior
									slide:滚动到某一边停止
									scroll:穿梭滚动
									alternate:来回滚动(滚动一边弹到另一边继续滚动)
					scrollamount:正整数值: 值越大,速度越快	
					direction:	默认值 left (从右到左)
								right:从左到右
								down:上到下
								up:下到上
					bgcolor:给标签设置背景色	(颜色值:指定英文单词(推荐),RGB代码(在线取色器))		
	滚动标签的作用:网站首页,设置 "网络时间"					

长引用标签： blockquote(段落缩进 类似于tab键的效果)
            将包裹内容加上缩进效果,针对某段文字进行解释说明

上下标标签 ：sup和sub

特殊转义字符: &copy;  效果类似于 "©"   版权所有
					 &reg;  类似于"®"  注册商标
                     &nbsp;代表一个空格 
					 &ensp;代表两个空格

原样输出标签：<pre> </pre>
             原样输出 按照文本格式本身效果直接原封不动的输出到浏览器上

设置字体加粗标签：strong和b
                 仅仅是对字体加粗:使用strong(通用),b标签加粗(带有 语义上的一种强调)

字体类型: em和i
         em:没有语义的强调,通用斜体使用em标签
		 i:带有语义上的强调