html 基础知识

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 标签定义文档或节的页脚，页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。