前端基础内容

主要就是简单用法，随便看看。

简单语法

在HTML中有两种重要元素类别，块级元素和内联元素。

• 块级元素：

  独占一行。块级元素（block）在页面中以块的形式展现。相对于其前面的内容它会出现在新的一行，其后的内容也会被挤到下一行展现。比如<p> ，<hr>，<li> ，<div>等。

• 行内元素

  行内显示。行内元素不会导致换行。通常出现在块级元素中并环绕文档内容的一小部分，而不是一整个段落或者一组内容。比如<b>，<a>，<i>，<span> 等。

  注意：一个块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。

2）div和span

• <div> 是一个通用的内容容器，并没有任何特殊语义。它可以被用来对其它元素进行分组，一般用于样式化相关的需求。它是一个块级元素。

• <span> 是短语内容的通用行内容器，并没有任何特殊语义。它可以被用来编组元素以达到某种样式。它是一个行内元素。

  注意：div和span在页面布局中有重要作用。

属性作为HTML的重要部分，这里强调属性的格式和作用。

标签属性，主要用于拓展标签。属性包含元素的额外信息，这些信息不会出现在实际的内容中。但是可以改变标签的一些行为或者提供数据，属性总是以name = value的格式展现。

• 属性名：同一个标签中，属性名不得重复。

• 大小写：属性和属性值对大小写不敏感。不过W3C标准中，推荐使用小写的属性/属性值。

• 引号：双引号是最常用的，不过使用单引号也没有问题。

• 常用属性：

  属性名	作用
  class	定义元素类名，用来选择和访问特定的元素
  id	定义元素唯一标识符，在整个文档中必须是唯一的
  name	定义元素名称，可以用于提交服务器的表单字段
  value	定义在元素内显示的默认值
  style	定义CSS样式，这些样式会覆盖之前设置的样式

 特殊字符

原义字符	等价字符引用
<	&lt;
>	&gt;
"	&quot;
'	&apos;
&	&amp;
空格	&nbsp;

文本标签

标签名	作用
p	表示文本的一个段落
h	表示文档标题，<h1>–<h6> ，呈现了六个不同的级别的标题，<h1> 级别最高，而 <h6> 级别最低
hr	表示段落级元素之间的主题转换，一般显示为水平线
li	表示列表里的条目。
ul	表示一个无序列表，可含多个元素，无编号显示。
ol	表示一个有序列表，通常渲染为有带编号的列表
em	表示文本着重，一般用斜体显示
strong	表示文本重要，一般用粗体显示
font	表示字体，可以设置样式（已过时）
i	表示斜体
b	表示加粗文本

<!--
        水平线标签：<hr/>
        属性：
            size-大小
            color-颜色
    -->
    <hr size="4" color="red"/>

    <!--
        无序列表：<ul>
        属性：type-列表样式(disc实心圆、circle空心圆、square实心方块)
        列表项：<li>
    -->
    <ul type="circle">
        <li>javaEE</li>
        <li>HTML</li>
    </ul>

<!--
        有序列表：<ol>
        属性：type-列表样式(1数字、A或a字母、I或i罗马字符)   start-起始位置
        列表项：<li>
    -->
    <ol type="1" start="10">
        <li>你好/li>
        <li>小何</li>
    </ol>

<!--
        加粗标签：<strong>  <b>
    -->
    <strong>加粗文本</strong>
    <b>加粗文本</b>
    <br/>
    <!--
        文字标签：<font>
        属性：
            size-大小
            color-颜色
    -->
    <font size="5" color="yellow">这是一段文字</font>