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基础上进行的. 先看 ...
随机推荐
- putty 的美化
1. 中文乱码问题. 这个问题由来已久,每当我查看 mount到linux下的windows 中文目录的时候,都是一堆乱码, putty 也拒绝我输入中文, 一句话,这玩意,对中文过敏. ...
- JAVA提高八:动态代理技术
对于动态代理,学过AOP的应该都不会陌生,因为代理是实现AOP功能的核心和关键技术.那么今天我们将开始动态代理的学习: 一.引出动态代理 生活中代理应该是很常见的,比如你可以通过代理商去买电脑,也可以 ...
- angular.js基础
内置指令 所有的内置指令的前缀都为ng,不建议自定义指令使用该前缀,以免冲突.首先从一些常见的内置指令开始.先列出一些关键的内置指令,顺便简单说说作用域的问题. ng-model 将表单控件和当前作用 ...
- JS插入新的节点
insertBefore() 语法: insertBefore(newchild,refchild) newchild 插入新的节点 refchild 在此节点前插入新节点 <ul id=&qu ...
- Akka(34): Http:Unmarshalling,from Json
Unmarshalling是Akka-http内把网上可传输格式的数据转变成程序高级结构话数据的过程,比如把Json数据转换成某个自定义类型的实例.按具体流程来说就是先把Json转换成可传输格式数据如 ...
- Java基础笔记9
super关键字 表示父类对象. 1.可以调用父类中被重写的方法. 2.还有调用父类中的构造方法.放在子类构造方法的第一行. 不能和this关键字同时出现. final关键字 1.修饰属性.表示常量. ...
- JS深层继承
我们在书写JS的时候常常被一种现象困扰 let jsonA = { a1: { b1:1; }, }; let jsonB = jsonA; jsonB.a1.b1 = 2; console.log( ...
- coursera无法观看视频解决方法
coursera无法观看视频解决方法 Coursera是国外的一款非常有名的公开课网站,值得大家一起学习,奈何"长城"太厚,经常被和谐,一些视频打不开,最近找到不用FQ的方法,共享 ...
- poj 1254 Hansel and Grethel
Hansel and Grethel Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 2199 Accepted: 100 ...
- Best Coder #86 1001 Price List(大水题)
Price List Accepts: 880 Submissions: 2184 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 26214 ...