知识点一:HTML

Hyper Text Markup Language 
超文本标记语言。 
HTML标准结构:

< ! doctype html>    声明文档类型
<html> 根标签
<head> 头标签
<title></title> 标题标签
</head>
<body> 主体标签
</body>
</html>

后缀名:Html与htm是一样的, 
后缀名不能决定文件格式,只能决定打开文件的方式。

HTML标签的分类:

单标签:<! Doctype html>
双标签: <html></html> <head></head> <title></title>
Html标签关系分类:
包含(嵌套关系):<head><title></title></head>
并列关系:<head></head><body></body>

基础标签:

单标签:
注释标签:<!--被注释的内容-->
换行标签:<br/>
水平线标签:<hr/>
双标签:
文本标签 <p></p>
注:自动生成空白行,<br/>换行不会生成空白行。
<p>今天是正式学习前端的第一天。</p>
标题标签<h1-h6>
文本标签:<font>文本内容</font>
文本格式化标签:
加粗:<Strong></Strong>或者是<b></b>
斜体:<em></em>或者是<i></i>
删除线标签:<del></del>或者是<s></s>
下划线标签:<ins></ins>或者是<u></u>
图片标签:<img src='' alr='' title='' width='' height=''>
src:为图片的来源。
alt:为图片无法显示时,显示的文字。
title:提示文字,鼠标放上去时显示的文字。
width:宽度。
height:高度。
注:没有书写宽高属性时,图片按百分百展示,只书写其一时按比例缩放。

知识点二:

路径:

相对路径: 相对于文件本身出发的路径,如果在当前目录下使用/即可获取,如果在当前目录的上级目录使用../即可获取,文件夹名正常书写使用即可。

超链接:<a href='' title='' target=''>超链接名称</a>
href:跳转页面的URL。
title:提示文本,鼠标放上去显示的文字。
target='_self'默认值,关闭自身页面,打开连接页面。
target='_blank'打开新页面的同时老页面不关闭。

锚链接:是一种概念上的东西,并不是实际存在的标签:

1.先定义一个锚点:`<p id='maodian'></p>`
2.使用超链接跳回到锚点:`<a href='#maodian'>超链接</a>`
注'#maodian'是css选择器的一种Id选择器,后面会学到。

空链:

<a href='#'></a>
会跳转到自身的页面
超链接的优化写法,`在<head></head>中添加:<base target='_blank'>`即可。

这里是特殊字符:

知识点三:列表

1。无序列表:

  • 无序列表项1
  • 无序列表项2
  • 无序列表项3
<ul>
<li>无序列表项1</li>
<li>无序列表项2</li>
<li>无序列表项3</li>
</ul>

2。有序列表:

  1. 有序标签1
  2. 有序标签2
  3. 有序列表3
<ol>
<li>有序标签1</li>
<li>有序标签2</li>
<li>有序列表3</li>
<ol>

属性type start

type:1、a、A、i、I

start:决定开始位置,值为阿拉伯数字1、2、3

3。自定义列表:

这是小标题

  解释标题1

  解释标题2

<dl>
<dt>这是小标题</dt>
<dd>解释标题1</dd>
<dd>解释标题2</dd>
</dl>

知识点四:

杂项:

1。音乐标签:

<embed src='' hidden='true'>

2。滚动:

HTML基础上的更多相关文章

  1. .net在当前日期的基础上加一天

    比如今天是:2015-11-10 18:57:01,在这个基础上加一天,那么就是2015-11-11 18:57:01,代码如下: DateTime now_dt = DateTime.Now; ). ...

  2. 【JavaEE】SSH+Spring Security基础上配置AOP+log4j

    Spring Oauth2大多数情况下还是用不到的,主要使用的还是Spring+SpringMVC+Hibernate,有时候加上SpringSecurity,因此,本文及以后的文章的example中 ...

  3. 在cocos code ide的基础上构建自己的lua开发调试环境

    对于一种语言,其所谓开发调试环境, 大体有以下两方面的内容: 1.开发, 即代码编写, 主要是代码提示.补齐, 更高级一点的如变量名颜色等. 2.调试, 主要是运行状态下断点.查看变量.堆栈等. 现在 ...

  4. Android 工程在4.0基础上混淆

    Android现在对安全方面要求比较高了,我今天要做的对apk进行混淆,用所有的第三方工具都不能反编译,作者的知识产权得到保障了,是不是碉堡了. 一,首先说明我这是在4.0基础上进行的. 先看看pro ...

  5. 框架使用的技术主要是SpringMVC 在此基础上进行扩展

    框架使用的技术主要是SpringMVC 在此基础上进行扩展 1 Web前端使用 2 前段控制器采用SpringMVC零配置 3 IOC容器Spring 4 ORM使用 Mybites或者hiberna ...

  6. 实现Square类,让其继承自Rectangle类,并在Square类增添新属性和方法,在2的基础上,在Square类中重写Rectangle类中的初始化和打印方法

    实现Square类,让其继承自Rectangle类,并在Square类增添新属性和方法,在2的基础上,在Square类中重写Rectangle类中的初始化和打印方法 #import <Found ...

  7. 【Xamarin开发 Android 系列 6】 Android 结构基础(上)

    原文:[Xamarin开发 Android 系列 6] Android 结构基础(上) 前面大家已经熟悉了什么是Android,而且在 [Xamarin开发 Android 系列 4] Android ...

  8. 在Livemedia的基础上开发自己的流媒体客户端

    一.背景 二.Livemedia框架介绍 1.总体框架 2.客户端框架 2.1 客户端openRTSP流程 2.2增加一种新的媒体 2.2.1增加媒体的format 2.2.2 新媒体需要考虑的问题 ...

  9. 使用mysqlbinlog工具的基础上及时恢复数据的位置或点

    使用mysqlbinlog工具的基础上及时恢复的位置或点 MySQL备份一般采取完全备份的形式加日志备份.让我们运行一个完整备份,每天.每小时运行二进制日志备份. 这样在MySQL Server故障后 ...

  10. 【转】Android 工程在4.0基础上混淆

    Android现在对安全方面要求比较高了,我今天要做的对apk进行混淆,用所有的第三方工具都不能反编译,作者的知识产权得到保障了,是不是碉堡了.   一,首先说明我这是在4.0基础上进行的.   先看 ...

随机推荐

  1. aspnet中通过多条件筛选来显示数据的实现

    UI图: 功能实现: 1.勾选住哪个选项之后,就加入了筛选.支持姓名的模糊查询. 2.对筛选出来的数据可以直接修改,并更新回数据库. 说明:显示的数据来自T_User表.数据显示控件使用的是 List ...

  2. 从零自学Hadoop(25):Impala相关操作下

    阅读目录 序 导入数据 查询 系列索引 本文版权归mephisto和博客园共有,欢迎转载,但须保留此段声明,并给出原文链接,谢谢合作. 文章是哥(mephisto)写的,SourceLink 序 上一 ...

  3. 深入理解final和static关键字

    深入理解final和static关键字 参考:http://blog.csdn.net/qq1028951741/article/details/53418852 final关键字 final关键字可 ...

  4. 已安装Fedora的U盘无法格式化,要求reinitialize layout

    错误提示:This partition cannot be modified because it contains a partition table; >please reinitializ ...

  5. OpenCV4Android

    前文曾详细探讨了关于OpenCV的使用,原本以为天下已太平.但不断有人反应依然配不好OpenCV4Android,不能得心应手的在Android上使用OpenCV,大量的精力都浪费在摸索配置上.尤其是 ...

  6. Vim 神器的打造方式

    Vim 神器的打造方式     [字体:大 中 小]   Vim 是一个上古神器,本篇文章主要持续总结使用 Vim 的过程中不得不了解的一些指令和注意事项,以及持续分享一个前端工作者不得不安装的一些插 ...

  7. Mongoose之 SchemaTypes 数据类型

    SchemaTypes 数据类型 SchemaTypes handle definition of path defaults, validation, getters, setters, field ...

  8. HashMap面试题:90%的人回答不上来

    在java面试中集合类似乎已经是绕不开的话题,对于一个中高级java程序员来说如果对集合类的内部原理不了解,基本上面试都会被pass掉.下面从面试官的角度来聊聊一个候选者应该对HashMap了解到什么 ...

  9. C++分布式实时应用框架 (Cpp Distributed Real-time Application Framework)----(一):整体介绍

    C++分布式实时应用框架 (Cpp Distributed Real-time Application Framework) 在现今软件系统纷纷"云化"的浪潮下,各种支持" ...

  10. JavaScript系列----数据类型以及传值和传引用

    1.简单数据类型 在JavaScript中简单数据类型分为5种.分别为 Undefined, Null,Boolean,Number,String. Undefined类型Undefined类型只有一 ...