尚学堂-html学习

最新推荐文章于 2022-07-11 22:09:00 发布

奔跑的小脑斧

最新推荐文章于 2022-07-11 22:09:00 发布

阅读量237

点赞数

分类专栏： html学习

本文链接：https://blog.csdn.net/abc1234z0/article/details/103057159

版权

html学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

01-HTML的标准文档结构

<!--
 作者：offline
 时间：2019-11-12
 描述：HTML的标准结构
-->
<html>
 <head></head>
 <body>
  this is my first html.
 </body>
</html>

02-HTML的head标签学习

<html>
 <head>
  <!--head标签中主要配置浏览器的配置信息-->
  <title>html 学习</title><!--网页标题标签：告诉浏览器使用什么标题显示网页-->
  <!--<meta charset="utf-8/">-->    <!--网页解析编码格式配置（HTML5）：告诉浏览器使用指定的编码格式解析文档-->
   <meta http-equiv="content-type" content="text/html;charset=utf-8">  <!-- HTML4:文档编码格式设置>
   <!--
    了解：
    关键字
    网页描述
    作者
    作用：提升网页在浏览器中的搜索概率。
   --> 
   <meta name="keywords" content="HTML,SXT,张老师，506"/>    <！--网页关键字-->
   <meta name="description" content="本网页上是关于HTML的head标签学习的，特别棒，666" /><!--网页描述-->
   <meta name="author" content="张老师" /> <!--网页作者-->
   <meta http-equiv="refresh" content="5;url=http：//www.baidu.com" />  <!--网页自动跳转-->
 </head>
 <body>
  this is my first html.
 </body>

03-HTML的body标签

<html>
 <head>
  <title>HTML的body标签-文本标签学习</title>
  <meta charset="utf-8" />
 </head>
 <body>
  <!--标题标签-->
  <h1 align="center">今天天气真好，适合学习</h1>
  <h2>今天天气真好，适合学习</h2>
  <hr width="600px" size="20px" color="red" align="left"/>
  <p>
  将进酒，杯莫停<br />
  长风破浪会有时，直挂云帆济沧海<br />
  今天天气真好，适合学习<br />
  </p>
  <p>
  &nbsp;&nbsp;将进酒，杯莫停
  长风破浪会有时，直挂云帆济沧海
  今天天气真好，适合学习
  </p>
  <p>
  将进酒，杯<del>莫</del>停
  长风破浪会有时，直挂<b>云帆</b>济沧海
  今天天气<i>真好</i>，适合<u>学习</u>
  </p>
  <i><b><u>今天天气好晴朗</u></b></i>
 </body>
</html>
<!--
 标题标签：
 h1到h6;会将其中的数据加粗显示，并且显示依次减弱,标签标签自带换行功能。（块级标签）
      属性：
      align:center left right
 水平线标签：
        hr:会在页面显示一条水平线，默认居中显示
                  属性：
                  width="宽度" 设置水平线的宽度
                  size="高度"  设置水平线的高度
                  color="颜色"  设置水平线的颜色
 段落标签:
        p:会将一段数据作为整体进行显示，主要是进行css和js操作时比较方便。会自动换行（块级元素）
               特点：段间距比较大
 换行符：
       br：告诉浏览器需要在此位置换行
 空格符：
      &nbsp: 告诉浏览器在此位置增加空格
 权重标签：
       b:会将内容加黑显示
       i:会将内容斜体显示
       u:会将内容增加下划线
       del:增加中划线
       以上标签不会自动换行，并且可以嵌套使用。
     
 注意： 
     1.标签的属性是对标签的功能进一步的补充，可以由开发人员自由指定标签的属性值，来达到想要的显示效果。
     2.像素单位占据的是电脑屏幕的大小，百分比占据的是浏览器窗口的大小。
 
 
-->

运行结果如下图所示
在这里插入图片描述

奔跑的小脑斧

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
尚学堂-html学习

01-HTML的标准文档结构<html> <head></head> <body> this is my first html. </body></html>02-HTML的head标签学习<...
复制链接

扫一扫