天天看点

前端基础知识点总结

   今天分享下”前端基础知识点总结“这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。

       指定网页标题和元标记符:

  <title></title> ?需放在<head>标签内。

  <meta>标记符作用:

  定义网页关键字。可将用户重定向到另一页。

  可指定字符编码。

  例如:

  重定向:

  例如:<meta http-equiv="" content=" ; url=">

  在<head>部分加入:<meta charset="utf-8">

  只换行,不开始新的段落,使用单标记符<br>

  xhtml代码: 单标记符要以一个空格和一个斜杠(/)结尾。

  用标记符来格式化文本

  标题标记符:<h1>到<h6> 定义标题(由大到小)

  HTML5引入新标记符:<hgroup></hgroup> 有多个子标题,可用该标记符集合。

  应用粗体和斜体格式:

  粗体和斜体用<b></b>和<i></i>标记符表示。要格式化的内容包含在中间。

  同时使用两种格式:

  嵌套: <b><i>内容</b></i>

  如果用<b><i>开始,就要用</i></b>结束。

  上标的标记符是<sup>; 下标的标记符是<sub>.

  应用上标和下标格式:

  上标格式使文字变小并把它提到基线以上。

  上标用于数学公式中的指数格式。

  下标格式使文字变小并把它放到基线以下。下标常用于化学公式。

  使用固定宽度和预格式化文字:

  固定宽度的标记符:

  <kdb> 指定用户应该从键盘输入的内容。

  <code> 用于程序代码。

  <samp> 用于显示例子的文本。

  <pre>标记符: 预格式化,用固定宽度显示文字,保留浏览器忽略的空格和换行符。

  格式化分段引文: 设置引用。

  <blockquote>标记符可以缩进文字和引文。

  <blockquote>标记符有一个 cite="URL"属性。

  格式:<blockquote ?cite="URL">

  <p>内容</p>

  </blockquote> < http://www.qlyl1688.com/ >

  <q>标记符,用于内联引用格式化。用途:在所封装的引用文字加引号。

  编号列表:<ol>, 顺序列表(ordered list)

  项目符号列表: <ul> ?无序列表。(unordered list)

  每一个数字或项目符号列表中的项目由<li>定义。列表项目(list item)。

  用起始标记符<ol>或<ul>开始一个列表。

  用<li></li>标记符来封装列表中的每一项。

  最后用结束标记符</ol>或</ul>来结束列表。

  嵌套列表:

  可以将一个列表嵌套在另一个列表中。

  更改项目符号或数字符号

  项目符号和编号列表可使用一个list-style-type:type属性来设置其样式。

  基于样式的属性。

  常用的list style Type属性值

  列表样式 ? ? ? ? ? ?值 ? ? ? ? ? 结果

  项目符号列表 ? ? disc ? ? ? ? ? ?实心圆

  circle ? ? ? ? ?空心圆

  square ? ? ? ? ?实心方块

  编号列表 ? ? ? ? ?decimal ? ? ? ? ? 1,2,3,4

  decimal-leading-zero ? 01,02,03,04,

  lower-roman ? ? ? ? ? ?i,ii,iii,iv

  upper-roman ? ? ? ? ? ?I,II,III,IV

  lower-alpha ? ? ? ? ? ?a,b,c,d

  upper-alpha ? ? ? ? ? ?A,B,C,D

  应用这个属性时,将它放在起始标记符<ul>或<ol>中。

  方法:<ul >

  指定编号列表的起始数字:

  可以使用<ol>标记符中的start="n"这个属性,n代表起始数字。

  只更改一个单独的列表项的数字:

  可以用单个列表项标记符<li>的value="n" 属性。

  创建定义列表(definition list):

  是展示词汇及其定义的列表。

  完整的列表是包含在<dl>和</dl>标记符中的。

  定义词汇包含在<dt>(definition term)标记符中。

  定义文字包含在<dd>(definition description)标记符中。

  格式:

  <dl>

  <dt>词汇</dt>

  <dd>内容</dd>

  </dl>

  插入特殊字符:

  & ? ? ? &(和号)

  < ? ? ? ?<(小于号)

  ?>(大于号)

  ? ? ? ?非换行空格

  ¢ ? ? ?分

  £ ? ? 英镑

  ¥ ? ? ? 元

  ? ? ? ?版权符号

  ? ? ? ? 注册商标

  ° ? ? ? 度

  ? ? ?×××

  ? ? ? 商标

  ± ? ?加或减号

  插入水平线

  <hr> 单向标识符。

  可以把网页中的文字分成不同的区域。

  可已只通过在<hr>标记符的属性中直接设置外表样式。

  可以设置的属性有颜色(color),背景颜色(background-color),宽度(width)和高度(height)。

  HTML识别下列16种基本颜色:

  Aqua(水绿色), Black(黑), Blue(蓝), Fuchsia(紫红色),

  Gray(灰),Green(绿), Lime(石灰), Maroon(栗色),

  Navy(海蓝),Olive(橄榄绿), purple(紫), Red(红)

  Silver(银), Teal(蓝绿色), White(白), Yellow(黄)

  选择背景颜色和前景颜色:

  背景颜色的应用:

  是网页背景颜色。

  <body >

  这三种背景颜色都是×××,选一种即可。

  前景颜色的应用:

  是网页字体颜色。用属性 来设置。

  同时设置背景颜色和前景颜色:

  指定颜色:

  第1种方式: 使用RGB(红-绿-蓝)值。用一系列0到255的数字来描述颜色。

  第2种方式: 使用十六进制数字。十六进制数字也代表RGB值。

  第3种方式:表示颜色的方法是使用扩展名称。

  为整个网页指定背景颜色,在起始标记符<body>中插入属性。

  属性值可以使用颜色名称(yellow),RGB值或十六进制数值。

  用属性来设置前景颜色。

  指定背景图片文件:

  在起始标记符<body>中使用属性。

  要想将背景图片,背景颜色和前景颜色放入同一个属性中,使用:

  强制指定图片的重复性:

  <body>中的background-repeat=属性,并指定repeat-x(在水平方向重复),repeat-y(在垂直方向重复),

  或no-repeat(不重复)。

  强制图片固定不动:

  在<body>标记符中加上background-attachment=fixed属性。

  创建超文本链接和锚:

  超文本链接语法:

  <a>标记符开始,用href=属性来规定URL或目标路径。结束标记符是</a>

  使用部分路径和文件名:

  服务器会显示默认页。默认页名字:index和default.

  使用相对路径和绝对路径:

  绝对路径:带有完整网页地址的路径。

  设置目标窗口:

  要让超文本链接在一个新的窗口中打开网页,在<a>标记符中加target="_blank"属性。

  <a href="">yuan shi shuai</a>

  超文本链接到一个e-mail地址:

  <a href="">e-mail</a>

 要想给email再加上默认设置文章标题,在email详细地址后边再加上一个subject=属性。

 另一个选择项title=,是用于设定超文本连接的屏幕提示。

 创建并超文本连接到锚:

 可以用锚的名称来定义文本文档中的指定部位,随后可以直接根据超文本连接到这一锚。

 定义一个锚,在总体目标文本的周边创建一个标识符而且添加name=属性。

 要偏向锚所属的部位,在href=属性中添加它的名称,在锚名称前再加上一个#号。

 假如锚和超文本连接没有同一文档内,务必再加上锚所属文档的名称。

 假如文本文档并不是在同一文件夹名称下,务必用相对路径或绝对路径来引入。

继续阅读