知识点一：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. HTML之事件处理程序

    HTML事件 <body> <input type="button" value="按钮1" id="but1" oncl ...

  2. js 关于性能的数据存储

    1.JavaScript中四种基本数据存取位置:字面量,本地变量,数组元素,对象成员.(四个都是存在于内存中) 一般来说:[字面量,局部变量]运行速度>[数组,对象成员] 2.内部属性包含了一个 ...

  3. 【ASP.NET MVC 学习笔记】- 16 Model Binding（模型绑定）

    本文参考:http://www.cnblogs.com/willick/p/3424188.html. 1.Model Binding是Http请求和Action方法之间的桥梁,是MVC框架根据Htt ...

  4. LAMP 实现全过程及wordpress的搭建

    一.介绍 1. LAM(M)P: L:linux A:apache (httpd) M:mysql, mariadb M:memcached 缓存 P:php, perl, python WEB 资源 ...

  5. WPF获得全局窗体句柄,并响应全局键盘事件

    场景 wpf窗体运行后,只能捕获当前Active窗体的按键事件,如果要监听windows全局事件,并对当前窗口事件响应. 第一步:导入Winows API public class Win32 { [ ...

  6. redis源码分析之发布订阅（pub/sub）

    redis算是缓存界的老大哥了,最近做的事情对redis依赖较多,使用了里面的发布订阅功能,事务功能以及SortedSet等数据结构,后面准备好好学习总结一下redis的一些知识点. 原文地址:htt ...

  7. two.js之实现动画效果

    一.什么是two.js? Two.js 是面向现代 Web 浏览器的一个二维绘图 API.Two.js 可以用于多个场合:SVG,Canvas 和 WebGL,旨在使平面形状和动画的创建更方便,更简洁 ...

  8. java Callable创建线程

    package com.java.concurrent; import java.util.concurrent.Callable; import java.util.concurrent.Execu ...

  9. SQL Server远程连接（2）

  10. 移动端click事件延迟300ms的原因以及解决办法[转载]

    原文:http://www.bubuko.com/infodetail-822565.html 这要追溯至 2007 年初.苹果公司在发布首款 iPhone 前夕,遇到一个问题 —— 当时的网站都是为 ...