学习笔记_Html

Posted on | In | Comments: | Views:

前端的架构组成

  • HTML 网页的骨架, 掌握着web的框架

  • CSS 网页的外貌,样式; 图片, 视频什么的

  • JavaS 网页的灵魂, 控制行为, 控制着网页对数据的反应

    ​

    HTML 是一种标签语言

    本文是根据阮一峰老师的HTML学习笔记, 摘录而成

块级元素

div

含义: 页面内容的独立组成部分

  • 划分网页布局

    ​

    1
    <div id="header"> 页面的头部</div>

    ​

h1. h2 h3 h4 h5 h6

含义: 内容的标题

1
2
<h1>一级标题</h1>
<h2>二级标题<h2>

p

含义: 段落

狭义的段落

1
<p>这是一个段落<p>

blockquote

含义: 引用来自其他来源的独立文本

附属两个属性: cit 指引材料的URL的地址, title : 材料的现骨干信息

1
2
3
4
<blockquote>
放你妈的狗皮膏药
  <cite>鲁迅[野草]</cite>
</blockquote>

行内元素

a

含义: 与href属性搭配使用, 链接至外部链接, 或者同一页的某个锚点

1
<a href="chapter2.html">第二章</a>

abbr

含义: 内容是某个术语或短语的缩写形式 , 有title的属性,用来指明缩写代表的原始词组, 缩写

1
<abbr title = "Europe">Eur</abbr>

acronym

含义: 表示是一个词组的首字母的简称, 比如BBC 

1
<acronym title ="World wide web">www</acronym>

em

含义: 强调 

1
<em>我正在强调该内容</em>

strong

含义 表示币em更强的强调

1
<strong>比他妈的em更加重要</strong>

addresss

含义: 表示特定文档或者文档的联系信息或者联系方式

cite

含义：引述的来源

1
<cite>哈利波特</cite>的坐着是J.K.lonin

dfn

含义: 表示一个定义

1
<dfn>Internet Explorer</dfn>

del

含义: 表示该信息已被删除

##　ins

含义：与del作用相反，表示修订后的插入的内容

code

含义:　程序代码

samp

含义: 程序代码的输出结果

kbd

含义：用户键入的文本

var

含义：程序的变量和参数

q

含义: 较短的引语

sub/sup

含义: 下标/上标

span

含义: 标识其他标签不适合表示的内容, 是一个通用型的行内标签

列表元素

ul,ol,li

含义: 表示一组相同格式的信息

dl, dd, dt

含义: 一个属于列表

表格元素

分割元素

br

含义: 表示换行

hr

含义: 连个部分之间的一根水平直线分割

不建议使用的元素

一些只设计视觉效果 很可能被飞出的元素

已经被废除的元素