html基础

1.<hr/>水平分割线

2.<p>段落

3.<br/>折行

4.标签的style属性

5.<abbr>缩略词:对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息

6.<dfn>定义项目:包含title属性或子标签含有title,则title定义项目(悬停显示title)

7.<pre>定义预格式化文本:保留空格和换行,等宽字体,允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。标签中的特殊符号被转换为符号实体,比如 &lt;代表 “<”,&gt;代表 “>”。

8.<code>定义编程代码示例,元素不保留多余的空格和折行

9.<var>定义数学变量

10.css样式表:

  • 外部样式表:
    <link rel="stylesheet" type="text/css" href="mystyle.css">
  • 内部样式表:
<style type="text/css">
   body	{background-color: red}
</style>
  • 内联样式表:在相关标签中添加

11.<link>外部样式表:

  • href属性,url
  • rel属性:stylesheet-text/css, (【5】icon:表示该文档title里的图标),
  • type属性:一般都是"text/css"
  • media属性:设备-screen电脑屏幕(默认),print打印,all全部
  • sizes属性:当rel="icon"时,定义图片大小(eg:50x50)

12.<a>链接(超链接):使用<a>标签,字或者图,箭头会变为一只小手

  • href属性:url
  • name属性【不支持5】:设置锚,后多用id代替(a标签中用id="#C1"),可以找到iframe中的name值
  • target:在何处打开窗口(_blank-新窗口,_self-默认,_parent-父框架集中打开,_top-整个窗口,framename-指定框架)
<li><a href="#C1">第一章</a></li>
<li><a href="#C2">第二章</a></li>

<h2><a name="C1">第一章</a></h2>
<p>本章讲解的内容是 ... ...</p>
<h2><a name="C2">第二章</a></h2>
<p>本章讲解的内容是 ... ...</p>
  • rel属性:描述当前文档与被链接文档的关系
  • 制作电子邮箱:<a href="mailto:aaa@5icool.org?subject=ccc&body=xxx%0d%0ayyy">aaa</a>

13.<img>图像标签

  • src源属性
  • alt替换文本属性(不加载时显示)
  • height,width
  • usemap图像映射:划分不同区域,与<area>一起用,area:alt-必备属性,href-区域目标url,shape-定义形状(rect矩形-“x1,y1,x2,y2”,circy圆型-“x,y,z”,poly多边形-“x1,y1,x2,y2,x3,y3,…”),coord-X Y坐标配合shape(“0,0”左上角零点),target-在何处打开窗口(_blank-新窗口,_self-默认,_parent-父框架集中打开,_top-整个窗口,framename-指定框架)
<img src="planets.gif" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
  <area href="sun.htm" shape="rect" coords="0,0,110,260">Sun</a>
  <area href="mercur.htm" shape="circle" coords="129,161,10">Mercury</a>
  <area href="venus.htm" shape="circle" coords="180,139,14">Venus</a>
</map>

14.<table>表格:

<table>
	<caption>标题</caption>
    <tr>
        <th>表头</th>
    </tr>
    <tr>
        <td>表格</td>
    </tr>
</table>

15.<ul> <li>无序列表<ol> <li>

16.<frameset> <frame>框架
<frameset>:定义如何将窗口分割为框架,每个 frameset 定义了一系列行或列,rows/columns 的值规定了每行或每列占据屏幕的面积。
<frame>:定义了放置在每个框架中的 HTML 文档
不能将 标签与 标签同时使用!

17.<iframe>内联框架:隔离页面

  • frameborder是否显示边框
  • height,width
  • scr
  • name:链接目标,用name设定链接target值
  • scrolling是否现在滚动条
  • marginheight,marginwitdth:边距
    支持全局属性和全局事件

18.<meta>定义html文档元数据

  • context:必须属性,与httjp-equiv,name一起使用,定义对应值
  • http-equiv:加载在HTTP的头部,形成描述性信息的值对(content-type:文档类型text/html; expires:过了期限需去服务器重新调阅, refresh:刷新时间并跳转到(<meta http-equiv="refresh" content="5; url=http://www.baidu.com">),set-cookie:可以禁用缓存,重新设置)
  • name:author,description,keywords描述性,供给网络搜索引擎描述

19.<base>为所有链接(url)地址添加默认目标

  • url:页面所有url定位,可以在相对路径上规定给前面部分,只解析相对url
  • target:打开链接的方式,统一定义

20.URL
scheme://host.domain:port/path/filename

  • scheme - 定义因特网服务的类型。最常见的类型是 http
  • host - 定义域主机(http 的默认主机是 www)
  • domain - 定义因特网域名,比如 w3school.com.cn
  • :port - 定义主机上的端口号(http 的默认端口号是 80)
  • path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
  • filename - 定义文档/资源的名称

21.<!DOCTYPE> 声明

  • <!DOCTYPE html>:html5
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">:html 4.01
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值