码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础

时间:2016-08-07 18:33:10      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

什么是 HTML 文件?

  • HTML 指超文本标签语言。
  • HTML 文件是包含一些标签的文本文件。
  • 这些标签告诉 WEB 浏览器如何显示页面。
  • HTML 文件必须使用 htm 或者 html 作为文件扩展名。
  • HTML 文件可以通过简单的文本编辑器来创建。

1.标记语言:由标签组成

2.特点:与平台无关,只要有浏览器就行,不区分大小写的

结构:

<html>

  <head>

    此处为网页的头信息,作用:设定网页的标题以及通知浏览器以指定的编码打开

  </head>

  <body>

    此处为网页的体部分,页面的显示以及内容都在这里

  </body>

</html>

常用的标签:<h1-h6></h1-h6>表示的是6个等级的标题,等级为1的标题显示最大

      <p></p>段落标签

      <sub></sub>下标

      <sup></sup>上标

      <pre></pre>原样标签   保留空格与样式

        <ol><li></li></ol>有序的列表标签

      <ul><li></li></ul>无序的列表标签

        <span></span> 行内标签

      <div></div>块标签  注  块标签在页面中单独占一行

单标签:<hr />分割线    <br />换行

实体标签:空格  &nbsp;

       <   &lt;

     >   &gt;

     ¥    &yen;

       版权   &copy;

     商标  &reg;

超链接标签:

a标签常用的属性:
href : 用于指定链接的资源
target: 设置打开新资源的目标。 _Blank 在独立的窗口上打开新资源    _self (默认)在当前窗口打开新资源

file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。

格式:
file:\\\f:\xxxx.jpg   

a标签的原理:
1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先
会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的
dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。


2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。

3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册
表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。

邮件 的协议: mailTo
迅雷的协议: thunder

超链接标签的作用:
1. 可以链接资源。
2. 锚点定位.
1. 首先编写一个锚点 锚点的格式: <a name="锚点名字"> 数据</a>
2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“

<img>图片标签:

img标签常用的属性:
width: 设置图片宽度
height 设置图片高度
alt: 如果图片资源无法找到,那么就显示对应的文字对图片

<table>表格标签
表格使用到的标签:
<table> 表格
<tr> 行
<td> 单元格
<th> 表头 默认的样式是居中,加粗。
<caption> 表格的标题

表格常用的属性:
border 设置表格的边框
width : 设置表格的宽度
height: 设置表格的高度的。
colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数

表单标签: 表单标签的作用是用于提交数据给服务器的。

表单标签的根标签是<form>标签

常用的属性:
action: 该属性是用于指定提交数据的地址。
method: 指定表单的提交方式。
get : 默认使用的提交方式。 提交的数据会显示在地址栏上。
post : 提交的数据不会显示在地址栏上。

注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值。

 

HTML基础

标签:

原文地址:http://www.cnblogs.com/isole/p/5746665.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!