HTML常用知识总结

最新推荐文章于 2024-03-16 16:59:41 发布

Ta来自江湖

最新推荐文章于 2024-03-16 16:59:41 发布

阅读量211

点赞数 1

分类专栏： HTML 文章标签： HTML HTML标签 HTML知识总结

本文链接：https://blog.csdn.net/codingforhaifeng/article/details/79881126

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML（Hyper Text Mark-up Language）意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页。

1.HTML的文档类型——xhtml 1.0和html5

xhtml1.0 用 sublime text创建方法： html:xt + tab；

html5 用sublime text创建方法： html:5 + tab 或者 ! + tab。

2.HTML的注释

<!-- 注释的内容  -->

3.HTML常用标签及其特点

<!-- 成对出现的标签  -->
<body>......</body>
<p>......</p>
<div>......</div>
<b>......</b>

<!-- 单个出现的标签  -->
<br />
<img src="..." />
<input type="..." />

<!-- 标签之间的嵌套  -->
<p>
    <span>...</span>
    <a href="...">...</a>
</p>
<div>
      <h3>...</h3>
      <div>
              <span>...</span>
              <p>...</p>
      </div>
</div>

（1）<p>标签定义了一个文本段落

（2）<h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签定义了6种级别的标题

（3）在代码的段落中插入<br />来表示换行

（4）表示空格的字符实体 

（5）<与>的字符实体为<和>

（6）div标签 块元素，表示一块内容，没有具体的语义

（7）span标签 行内元素，表示一行中的一小段内容，没有具体的语义

（8）em标签 行内元素，表示语气中的强调词

（9）i标签 行内元素，原本没有语义，w3c强加了语义，表示专业词汇

（9）b标签 行内元素，原本没有语义，w3c强加了语义，表示文档中的关键字或者产品名

（10）语义化标签h1标签是表示标题，p标签是表示段落，ul、li标签是表示列表，a标签表示链接，dl、dt、dd表示定义列表

（11）<img>标签插入一张图片，通过“alt”属性定义图片加载失败时显示的文字