html5 01 随记
一 HTML 是一种制作网站的标记语言
二、HTML基本语法
- HTML 标签
html标签是html中的最基本单位 也是最重要的部分
通常使用尖角号 开始”<”和结束”>”
标签分为两种(成对出现 和不成 对出现)
双标签:（成对）<标签名>内容</标签名>
例如:<body></body><html></html>
单标签:(不成对):<标签名/>或者<标签名>
例如:<meta/><br/>
标签是不区分大小写的<body>和<BODY>是一样的 推荐使用小写
html标签和属性都不区分大小写
2. HTML标签属性
Html属性有一般出现在HTML开始标签中 是html标签的一部分
标签中有属性包含着一些额外信息 属性值一定是要使用双引号””
标签中可以有多个属性
属性的组成: 属性名=”属性值”
语法格式:
单属性
<标签名 属性名=”属性值”></标签名>
<标签名 属性名=”属性值” />
多属性
<标签名 属性名=”属性值” 属性名=”属性值” 属性名=”属性值”></标签名>
<标签名 属性名=”属性值” 属性名=”属性值” 属性名=”属性值”/>
3.HTML代码格式
任何的空格和回车在代码中不起任何作用
用于排版
4. HTML 中的颜色设置
a) 全是英文: red green yellow white blue black pink purple.....
b) 使用六位的十六进制的数
#000000 - #ffffff
请书写颜色值的时候带上#号
5. HTML注释 和 文档声明
注释的特点
A.注释不会显示在浏览器上
B.对代码的注解
C.注释有利于团队开发
D.注释是用于快速恢复记忆
E.注释不能嵌套
文档声明
<!DOCTYPE html >
6主题结构
7 实体(特殊字符)
< <
> >
空格
©©
¥ ¥
" ‘’
8. HEAD 头部分元素
Title --- 代表html文档的标题
Meta --- 代表用于定义文件信息的名称和内容
Link --- 当在文档中声明外部资源的时候使用此标签
Style--- 在文档中使用样式表的时候
Script --- 在文档中使用JavaScript的时候
Base 将相对地址转换为绝对地址
<!-- 将相对路径 转换为绝对路径 -->
<base href="http://www.baidu.com">
相对路径
./css.css
按照你当前位置的内容开始算
例如：我在101直播间
./ 当前位置
../ 上级目录
绝对路径
从头找到尾
例如:地球中国北京昌平回龙观育荣教育园区 oto直播间 101室
9. 格式标签
① <br/> 换行标签
② <hr/> 水平分割线标签
③ <p></p> 段落标签
④ <pre></pre> 按原格式显示标签
⑤ <li></li> 每个列表标签
⑥ <ul></ul> 无序列表
⑦ <ol></ol> 有序列表
10.文本标签
- <hn></hn> 标题字标签 n为1-6的数字 表示定义6级标题 而且会自动换行
- <i></i> 斜体字标签
- <u></u> 下划线标签
- <b></b> 字体加粗标签
- <sub></sub> 下标字体标签
- <sup></sup> 上标字体标签
- <em></em> 表示强调 通常为 斜体字
- <strong></strong> 表示强调 通常为粗体字
- <small></small> 小型字体标签
- <big></big> 大型字体标签
- <tt></tt> 打字机字体
html5 01 随记的更多相关文章
- html5 01
(1)Html 5的概念 能做什么? 为什么学习? HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML ...
- HTML5 01. 布局、语义化标签、智能化表单、表单元素／标签／属性／事件、多媒体、类操作、自定义属性
1.知识点 lang = “en” 所用语言是英文 文档结构更简洁 IE8一下不支持h5c3 书写更宽松 div没有语义 标签语义化:在合适的地方使用合适的标签 对seo优化友谊 网页经典布局 页 ...
- html5 02 随记
HTML 02 全局通用属性 id name class style 一. 图像标签 标签名:<img /> 常用属性: Alt -- 代表图像的替代文字 作用: 当图片不显示的 ...
- 50个最受网友欢迎的HTML5资源下载列表
完整附件下载地址:http://down.51cto.com/data/413867 附件预览: HTML 5游戏源码精选(共含9个游戏源码) http://down.51cto.com/zt/227 ...
- Codeforces Round#500 Div.2 翻车记
A:签到 #include<iostream> #include<cstdio> #include<cmath> #include<cstdlib> # ...
- ISO8583报文协议
最开始时,金融系统只有IBM这些大的公司来提供设备,象各种主机与终端等.在各个计算机设备之间,需要交换数据.我们知道数据是通过网络来传送的,而在网络上传送的数据都是基于0或1这样的二进制数据,如果没有 ...
- ISO8583
最开始时,金融系统只有IBM这些大的公司来提供设备,象各种主机与终端等.在各个计算机设备之间,需要交换数据.我们知道数据是通过网络来传送的,而在网络上传送的数据都是基于0或1这样的二进制数据,如果没有 ...
- 【JZOJ6225】【20190618】计数
题目 对于一个01串,定义\(f(s)\)为\(f(s) = \sum_{i=0}^{\lfloor \frac{|s|}{2} \rfloor -1 }[s_i=s_{|s|-1-i}]\) 定义\ ...
- 【8583】ISO8583各域段的说明
[ISO8583各域段的说明] 1,信息类型(message type)定义位图位置:-格式:定长类型:N4描述:数据包的第一部分,定义数据包的类型.数据类型由数据包的发起者设定,应遵循以下要求:数据 ...
随机推荐
- 9.并发包非阻塞队列ConcurrentLinkedQueue
jdk1.7.0_79 队列是一种非常常用的数据结构,一进一出,先进先出. 在Java并发包中提供了两种类型的队列,非阻塞队列与阻塞队列,当然它们都是线程安全的,无需担心在多线程并发环境所带来的不可 ...
- 咦，好像可以自己做个webapi框架了-IRouteHandler的使用
当我们学习到一定程度的时候,我们会想要去深入了解代码底层的东西,也更想拥有一个属于自己的框架,当然,博主也正是如此.本文可能成为编写一个webapi框架的开端.有研究MVC框架的朋友会发现,mvc框架 ...
- 不完全翻译：Threading in C#-Getting Started
Introduction(引入,介绍) and Concepts(概念) 原文地址:http://www.albahari.com/threading/ 注:水平有限不能全文翻译,备注了个别字段和短句 ...
- SVN·最新使用教程总结
SVN简介: 为什么要使用SVN? 程序员在编写程序的过程中,每个程序员都会生成很多不同的版本,这就需要程序员有效的管理代码,在需要的时候可以迅速,准确取出相应的版本. Subversion是什么? ...
- java入门学习笔记之1(类的定义，代码的编译执行)
这篇文章讲解Java代码的基本执行过程 我们先抛开各种JAVA IDE,开发工具,只使用文本编辑器,以突出最本质的东西. 在Linux环境下,我们编辑一个文件: vim HelloWorld.java ...
- ue4加载界面（loadingscreen）的实现
即使开放世界已然成为现今游戏趋势,切换关卡过程中的读条仍是很难避免的,譬如进入房屋.传送到其他世界等等. 于是就引入了loadingscreen这一需求. loadingscreen顾名思义就是加载过 ...
- python爬虫从入门到放弃前奏之学习方法
首谈方法 最近在整理爬虫系列的博客,但是当整理几篇之后,发现一个问题,不管学习任何内容,其实方法是最重要的,按照我之前写的博客内容,其实学起来还是很点枯燥不能解决传统学习过程中的几个问题: 这个是普通 ...
- oracle表空间增长异常或表空间占用过高问题分析
本人对oracle调优还处在不断学习状态,这个问题是之前处理的项目上遇到过的,顺利解决了,分享下此类问题的处理思路,不足之处,还请指正. 项目上反馈说业务表空间增长越来越快,上次新增的30G数据文件, ...
- hibernate查询部分字段转换成实体bean
//hibernate查询部分字段转换成实体bean /** * 查询线路信息 */ @Override public List<Line> getSimpleLineListByTj(M ...
- 【数据结构与算法】一致性Hash算法及Java实践
追求极致才能突破极限 一.案例背景 1.1 系统简介 首先看一下系统架构,方便解释: 页面给用户展示的功能就是,可以查看任何一台机器的某些属性(以下简称系统信息). 消息流程是,页面发起请求查看指定机 ...