一  HTML 是一种制作网站的标记语言

二、HTML基本语法

  1. 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 实体(特殊字符)

&lt; <

&gt; >

&nbsp; 空格

&copy;©

&yen; ¥

&quot; ‘’

8. HEAD 头部分元素

Title ---  代表html文档的标题

Meta --- 代表用于定义文件信息的名称和内容

Link --- 当在文档中声明外部资源的时候使用此标签

Style--- 在文档中使用样式表的时候

Script --- 在文档中使用JavaScript的时候

Base  将相对地址转换为绝对地址

<!-- 将相对路径 转换为绝对路径 -->

<base href="http://www.baidu.com">

相对路径

./css.css

按照你当前位置的内容开始算

例如:我在101直播间

./ 当前位置

../ 上级目录

绝对路径

从头找到尾

例如:地球中国北京昌平回龙观育荣教育园区 oto直播间 101室

http://www.baidu.com

9. 格式标签

① <br/> 换行标签

② <hr/> 水平分割线标签

③ <p></p> 段落标签

④ <pre></pre> 按原格式显示标签

⑤ <li></li> 每个列表标签

⑥ <ul></ul> 无序列表

⑦ <ol></ol> 有序列表

10.文本标签

  1. <hn></hn> 标题字标签  n为1-6的数字 表示定义6级标题 而且会自动换行
  2. <i></i>  斜体字标签
  3. <u></u> 下划线标签
  4. <b></b> 字体加粗标签
  5. <sub></sub> 下标字体标签
  6. <sup></sup>  上标字体标签
  7. <em></em> 表示强调 通常为 斜体字
  8. <strong></strong> 表示强调 通常为粗体字
  9. <small></small> 小型字体标签
  10. <big></big>  大型字体标签
  11. <tt></tt> 打字机字体

html5 01 随记的更多相关文章

  1. html5 01

    (1)Html 5的概念 能做什么? 为什么学习? HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML ...

  2. HTML5 01. 布局、语义化标签、智能化表单、表单元素/标签/属性/事件、多媒体、类操作、自定义属性

    1.知识点 lang = “en”   所用语言是英文 文档结构更简洁 IE8一下不支持h5c3 书写更宽松 div没有语义 标签语义化:在合适的地方使用合适的标签 对seo优化友谊 网页经典布局 页 ...

  3. html5 02 随记

    HTML 02 全局通用属性  id  name  class  style 一. 图像标签 标签名:<img  /> 常用属性: Alt -- 代表图像的替代文字 作用: 当图片不显示的 ...

  4. 50个最受网友欢迎的HTML5资源下载列表

    完整附件下载地址:http://down.51cto.com/data/413867 附件预览: HTML 5游戏源码精选(共含9个游戏源码) http://down.51cto.com/zt/227 ...

  5. Codeforces Round#500 Div.2 翻车记

    A:签到 #include<iostream> #include<cstdio> #include<cmath> #include<cstdlib> # ...

  6. ISO8583报文协议

    最开始时,金融系统只有IBM这些大的公司来提供设备,象各种主机与终端等.在各个计算机设备之间,需要交换数据.我们知道数据是通过网络来传送的,而在网络上传送的数据都是基于0或1这样的二进制数据,如果没有 ...

  7. ISO8583

    最开始时,金融系统只有IBM这些大的公司来提供设备,象各种主机与终端等.在各个计算机设备之间,需要交换数据.我们知道数据是通过网络来传送的,而在网络上传送的数据都是基于0或1这样的二进制数据,如果没有 ...

  8. 【JZOJ6225】【20190618】计数

    题目 对于一个01串,定义\(f(s)\)为\(f(s) = \sum_{i=0}^{\lfloor \frac{|s|}{2} \rfloor -1 }[s_i=s_{|s|-1-i}]\) 定义\ ...

  9. 【8583】ISO8583各域段的说明

    [ISO8583各域段的说明] 1,信息类型(message type)定义位图位置:-格式:定长类型:N4描述:数据包的第一部分,定义数据包的类型.数据类型由数据包的发起者设定,应遵循以下要求:数据 ...

随机推荐

  1. javacpp-opencv图像处理之1:实时视频添加文字水印并截取视频图像保存成图片,实现文字水印的字体、位置、大小、粗度、翻转、平滑等操作

    欢迎大家积极开心的加入讨论群 群号:371249677 (点击这里进群) javaCV图像处理系列: javaCV图像处理之1:实时视频添加文字水印并截取视频图像保存成图片,实现文字水印的字体.位置. ...

  2. Windows系统如何使用sqlmap

    使用方法:需要安装python,不能安装最新版本的python3.2.2只能安装2.6-3.0这些版本,包括2.6,3.0 这里,我提供一个Python的安装包.点击这里下载→ Python2.7 然 ...

  3. 解决jmeter请求不成功或者报403错误

    有同学遇到这种情况,jmeter请求一个网站,各项参数填写正确,可是响应是403,同样的请求放在浏览器执行就没有问题: 这是因为被请求的网站做了请求来源过滤,来源不明的请求拒绝访问,我们需要在jmet ...

  4. JS数组+JS循环题

    先看JS循环作业题: 一.一张纸的厚度是0.0001米,将纸对折,对折多少次厚度超过珠峰高度8848米 <script type="text/javascript"> ...

  5. 利用浏览器查找font-family的css编码

    提供一种利用Chrome快速查找字体编码的小技巧 打开浏览器,按下键盘F12 点击Console控制台 输入escape("要查询的字体中文名称")(注意:括号与引号都是英文输入法 ...

  6. ES 2015/6 新特性汇总

    ES 2015/6 新特性汇总 箭头函数 箭头函数,通过 => 语法实现的函数简写形式,C#/JAVA8/CoffeeScript 中都有类似语法.与函数不同,箭头函数与其执行下文环境共享同一个 ...

  7. angularjs下拉框空白

    搜索angularjs下拉框空白,可以出现很多解决方案,但是对于静态字段来说,网上目前还没有找到解决方案,如下: <select class="form-control" n ...

  8. 高性能队列Disruptor系列3--Disruptor的简单使用(译)

    简单用法 下面以一个简单的例子来看看Disruptor的用法:生产者发送一个long型的消息,消费者接收消息并打印出来. 首先,我们定义一个Event: public class LongEvent ...

  9. Java IO学习笔记一

    Java IO学习笔记一 File File是文件和目录路径名的抽象表示形式,总的来说就是java创建删除文件目录的一个类库,但是作用不仅仅于此,详细见官方文档 构造函数 File(File pare ...

  10. thinkphp5.0学习笔记(三)获取信息,变量,绑定参数

    1.构造函数: 控制器类必须继承了\think\Controller类,才能使用: 方法_initialize 代码: <?php namespace app\lian\controller; ...