HTML基础知识内容

Html基础知识

1.Html超文本标记语言 标签语言 用来描述网页的一种语言 .
全称：Hyper Text Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
浏览器的编码格式为utf-8

        
           'en'>
                'UTF-8'/>
                
           
           
              内容区域
           
        

2.Html 属性
Html元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name=“value”。
3.Html标签
Html标签是由尖括号包围的关键词
Html 标签通常是成对出现的
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
（1）标题标签：
h标签 h1-h6
特点： 块级元素 文字加粗 字体大小由大到小 存在默认的上下间距
（2）hr标签 划线 块元素
(3)段落标签
p标签 块元素 < p>

This is a paragraph.

(4)强制换行标签 < br/> 段落位置强制换行
(5) 文本格式化标签
加粗： < b>< /b> < strong>< /strong>
斜体： < i>< /i> < em>
上下标： 行级元素
H< sub>2o
3< sup>2=9
(6)超链接 a标签 跳转页面用的 行级元素
属性： href="" 可以写远程路径（远程路径也是相对路径 只不过上线了）
相对路径（先对当前项目文件的路径）
href="#" 默认跳转当前页面

"url">Link text 

"http://www.w3cschool.cc/">Visit W3CSchool 

属性是描述链接的目标
使用a连接去做锚标
当前页面的锚标
跨页面的锚标
(7) 图像标签 行级元素 img标签
是空标签,它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 “source”,当前图片的路径，可远程可相对。源属性的值是图像的 URL 地址。

"url" alt="some_text"> 

alt属性 用来为图像定义一串预备的可替换的文本。
alt="" 图片加载失败的时候 显示的信息
图像的宽高 width=""
height=""
图像的标题 title=""
图像文本对齐 align=""
(8)列表标签： 块元素
ul li 无序列表
ol li 有序列表 属性 ： type=“i” 可以修改序号
dl dt dd 自定义列表
列表的嵌套：直接嵌套使用

          
...
              

                  
...
                  
...
              
          
          
...
              

                  
...
                  
...
              
          
          
...
              

                  
...
                  
...
              
          
      


      

          
...
          
...
      

(9)表格标签 表格由< table> 标签
行：< tr>
表格的表头：< th>
表格单元：< td>
字母 td 指表格数据（table data）
表格标题：caption
合并列间距的 cellspacing=""
表格的宽：Winth=""
表格居中对齐 align=""
跨行 rowspan 跨列 colspan
三行两列

"1">

name
tel


row 1, cell 1
row 1, cell 2


row 2, cell 1
row 2, cell 2

 

name	tel
row 1,cell 1	row 1,cell 2
row 2,cell 1	row 2 cell2

(10)Html表单
form表单元素
input标签
文本框 type=“text”
密码框 type=“password”
复选框 type=“checkbox”
单选按钮 type=“radio” 默认选择属性：checked
文件上传 type=“file”
按钮标签

< button type="button">按钮   
 < input type="button"  value="登录"/>

下拉菜单< select>< option>


(11)多行文本框
< textarea>
(12)边框加字

< fieldset>
              < legend>用户注册< /legend>

          < /fieldset>

(13)区块元素
div 块级元素 span 行级元素
(14) 输出标签
code 标签 输出代码 行级标签 在一起的没有分行
pre标签 预先格式化标签. 块级标签 分行