HTML基础上
知识点一：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
- 有序标签2
- 有序列表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基础上的更多相关文章
- .net在当前日期的基础上加一天
比如今天是:2015-11-10 18:57:01,在这个基础上加一天,那么就是2015-11-11 18:57:01,代码如下: DateTime now_dt = DateTime.Now; ). ...
- 【JavaEE】SSH+Spring Security基础上配置AOP+log4j
Spring Oauth2大多数情况下还是用不到的,主要使用的还是Spring+SpringMVC+Hibernate,有时候加上SpringSecurity,因此,本文及以后的文章的example中 ...
- 在cocos code ide的基础上构建自己的lua开发调试环境
对于一种语言,其所谓开发调试环境, 大体有以下两方面的内容: 1.开发, 即代码编写, 主要是代码提示.补齐, 更高级一点的如变量名颜色等. 2.调试, 主要是运行状态下断点.查看变量.堆栈等. 现在 ...
- Android 工程在4.0基础上混淆
Android现在对安全方面要求比较高了,我今天要做的对apk进行混淆,用所有的第三方工具都不能反编译,作者的知识产权得到保障了,是不是碉堡了. 一,首先说明我这是在4.0基础上进行的. 先看看pro ...
- 框架使用的技术主要是SpringMVC 在此基础上进行扩展
框架使用的技术主要是SpringMVC 在此基础上进行扩展 1 Web前端使用 2 前段控制器采用SpringMVC零配置 3 IOC容器Spring 4 ORM使用 Mybites或者hiberna ...
- 实现Square类，让其继承自Rectangle类，并在Square类增添新属性和方法，在2的基础上，在Square类中重写Rectangle类中的初始化和打印方法
实现Square类,让其继承自Rectangle类,并在Square类增添新属性和方法,在2的基础上,在Square类中重写Rectangle类中的初始化和打印方法 #import <Found ...
- 【Xamarin开发 Android 系列 6】 Android 结构基础(上)
原文:[Xamarin开发 Android 系列 6] Android 结构基础(上) 前面大家已经熟悉了什么是Android,而且在 [Xamarin开发 Android 系列 4] Android ...
- 在Livemedia的基础上开发自己的流媒体客户端
一.背景 二.Livemedia框架介绍 1．总体框架 2．客户端框架 2.1 客户端openRTSP流程 2.2增加一种新的媒体 2.2.1增加媒体的format 2.2.2 新媒体需要考虑的问题 ...
- 使用mysqlbinlog工具的基础上及时恢复数据的位置或点
使用mysqlbinlog工具的基础上及时恢复的位置或点 MySQL备份一般采取完全备份的形式加日志备份.让我们运行一个完整备份,每天.每小时运行二进制日志备份. 这样在MySQL Server故障后 ...
- 【转】Android 工程在4.0基础上混淆
Android现在对安全方面要求比较高了,我今天要做的对apk进行混淆,用所有的第三方工具都不能反编译,作者的知识产权得到保障了,是不是碉堡了. 一,首先说明我这是在4.0基础上进行的. 先看 ...
随机推荐
- 使用vim编写hexo文档，并用ultisnips/snipmates/snippets插件补全
作为一个vim使用者,编写markdown文档时若不能用vim这怎么能受的了! 下面是我编写markdown的时候用到的插件 Plugin 'Markdown'Plugin 'Markdown-syn ...
- node+vue进阶【课程学习系统项目实战详细讲解】打通前后端全栈开发(1)：创建项目，完成登录功能
第一章 建议学习时间8小时·分两次学习 总项目预计10章 学习方式:详细阅读,并手动实现相关代码(如果没有node和vue基础,请学习前面的vue和node基础博客[共10章]) 视频教程地 ...
- Amaze UI 是一个移动优先的跨屏前端框架。 http://amazeui.org/
http://amazeui.org/ Amaze UI 是一个移动优先的跨屏前端框架.... Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适 ...
- CSS3新增伪类汇总
:root 选择文档的根元素,等同于 html 元素 :empty 选择没有子元素的元素 :target 选取当前活动的目标元素 :not(selector) 选择除 selector 元素意外的元素 ...
- C++ 多态与虚函数
1.多态的概念 由虚函数实现的动态多态性就是:同一类族中不同类的对象,对同一函数调用作出不同的响应. 先看下面这个简单的例子: #include<iostream> using std:: ...
- RabbitMQ-Windows单机集群搭建
1.先安装Erlang http://www.erlang.org/downloads,安装完成后,设置环境变量: 变量名:ERLANG_HOME 变量值:D:\Program Files\erl9. ...
- 原生JS实现Ajax及Ajax的跨域请求
前 言 如今,从事前端方面的程序猿们,如果,不懂一些前后台的数据交互方面的知识的话,估计都不太好意思说自己是程序猿.当然,如今有着许多的框架,都有相对应的前后台数据交互的方法. ...
- Leetcode题解（八）
26.Remove Duplicates from Sorted Array 题目 直接上代码,方法很简单: class Solution { public: int removeDuplicates ...
- 动态规划求一个序列的最长回文子序列（Longest Palindromic Substring ）
1.问题描述 给定一个字符串(序列),求该序列的最长的回文子序列. 2.分析 需要理解的几个概念: ---回文 ---子序列 ---子串 http://www.cnblogs.com/LCCRNblo ...
- 桌面消息通知：HTML5 Notification
先上一段完整代码 //注册权限 Notification.requestPermission(function (status) { // 这将使我们能在 Chrome/Safari 中使用 Noti ...