HTML 基础知识
基础知识
HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。用于按不同标签声明网页中的内容。
文件命名
- 使用小写字线命名文件,不要出现中文字符
- 扩展名标准是.html,当然也可以使用.htm
- 多个单词可以使用
-
或_
连接,建议使用-
字符如user-create.html
语义标签
HTML 标签都有具体语义,非然技术上可以使用 div 标签表示大部分内容,但选择清晰的语义标签更容易让人看明白。比如 h1
表示标题、p
标签表示内容、强调内容使用em
标签。
<article>
<h1>瓜甜不甜只有自己知道</h1>
<p>小伙给我说写代码比打游戏有意思,加油小伙</p>
<em>from jpruby</em>
</article>
效果:
嵌套关系
元素可以互相嵌套包裹,即元素存在父子级关系。
<div>
<span>我不是一个块元素我不能引起换行我是span</span>
<span>我不是一个块元素我不能引起换行我是span</span>
<span>我不是一个块元素我不能引起换行我是span</span>
<p>我是一个块元素我可以引起换行,但是我的父标签是div 我是p标签</p>
<p>我是一个块元素我可以引起换行,但是我的父标签是div 我是p标签</p>
<a href="">你猜我是不是一个块元素,我是a标签</a>
<a href="">你猜我是不是一个块元素,我是a标签</a>
<h2>我是一个块元素么我是h2</h2>
<h2>我是一个块元素么我是h2</h2>
</div>
效果
页眉页脚
[#](https://doc.houdunren.com/html/2 页面结构.html#header)header
header 标签用于定义文档的页眉,下图中的红色区域都可以使用header
标签构建。
#footer
footer 标签定义文档或节的页脚,页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。