前端学习——标签初识

1.HTML的标签

大部分元素都有一个开始标记和结束标记，如<h1></h1>

在开始标记和结束标记之间可以填充Placeholder text

<h>系标题 header的缩写，随着数字变大字体变小

<p>段落

<img>图片，自封闭元素

<a> anchor 链接到外部或实现内部跳转，href为地址

<ul><li></li></ul> 无序列表

<ol>有序列表

<input> 文本输入框，自封闭，添加required属性——必须填，

<form>表单，给他添加一个action属性，其值制定了表单提交到服务器的地址

<button>按键，type为submit时，意指提交。

                           radio button（单选），每隔单选按钮都应该嵌套在他自己的label元素中，关联的单选按钮使用相同的name

                           checkboxes（复选），每隔单选按钮都应该嵌套在他自己的label元素中，关联用相同的name属性

                           checked属性：默认选中

2.改变标签的样式

   2.1 通过inline style

         <h2 style="color:blue">CatPhotoApp</h2>

    2.2 CSS(Cascading Style Sheets)

         在代码顶端，加入

                     <style>

                           选择器{属性名称：属性值;}

                     </style>

          选择器种类：元素选择器（h2{}）

                              类选择器（.blue-text{}）

3.样式属性

  color，font-size（字号），font-family（字体，有等级之分，在属性值里从左到右降级，用，隔开）

  width（宽度），height（高度）border-xxx（边框的样式），