1、web
C/S：Client Server
客户端 服务器
QQ,...
B/S：Browser Server
浏览器 服务器

PC机:Personal Computer 个人电脑

2、HTML
2. 1、HTML:Hyper Text Markup Language
超级 文本 标记 语言
通过 带有 尖括号<>组成的标记将网页内容标识出来

用于设计网页的语言
以.html或htm为后缀
由浏览器解释执行
开发工具:
1、记事本等相关工具
Editplus hubilder
2、浏览器
Chrome 火狐
3、HTML语法
标记：一组用于描述HTML功能的符号<p></p>
语法：标记必须用<>扩起来
标记分为 封闭类型的，非封闭类型的
<>内的东西 就是标记内容,不同的标记页面会有不同的显示效果
<a>:超链接
<b>:字体加粗显示

1、封闭类型的标记
也称为双标记：必须成对出现
<标记> 内容 </标记>
<b>这是一个b标记</b>
2、非封闭标记
称为 空标记、单标记
<标记>或<标记/>
空标记一般用于表示特殊效果
<br> : 换行
<hr> : 一条水平线
<img /> : 显示图片
3、元素
也称为标记
<body></body>
元素之间是可以产生嵌套的
a：超链接
img：图片

4、元素的属性和值
属性是用来修饰元素的
语法：
4.1、属性声明必须位于开始标记中
<标记 属性声明位置></标记>
<标记 属性声明位置/>
4.2、一个元素允许出现多个属性，多个属性用空格区分.第一个属性也要与标记用空格来区分
<标记 属性1 属性2 属性3></标记>
4.3、属性间排名不分先后
属性值:
1、属性与属性值之间用=连接
2、属性值尽量放在一对引号中' ' " "
<p align='center' id="p1">段落一</p>
属性：align
值：center
align='center'
增加一个属性 名称为 id，值为p1

标准属性：
又称通用属性，所有的html标记都会具备的属性
id:定义元素在页面中的唯一标识
title:鼠标移入到当前元素时，所提示的文本
class:引用的样式的类名称
style:定义行内样式
5、注释
html的注释内容是不会被浏览器所解析显示的。
语法：
<!--
注释内容
是不会被浏览器解析的
但是可以给其他人员查看
-->

3、文本相关标记
1、文本标记的作用
不同的文本标记会文本有不同的显示效果
2、特殊字符
&nbsp; :一个空格
&gt; > greater than
&lt; < less than
&copy; ©

6、分割线元素
<hr>
属性：size 尺寸
width 宽度
align 水平对齐方式
color 颜色

7、预格式化
保留源文档的格式，即保留文档中出现的空格和回车

学习day01的更多相关文章

  1. python开发学习-day01 (python安装与版本、字符串、字典、运算符、文件)

    *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...

  2. Java学习day01

    1.Java的种类: JavaSE(Java标准版) JavaEE(Java企业版) JavaME(Java微型版) 其中,JavaSE是基础,以后的方向是JavaEE(Java企业版) 2.什么是J ...

  3. coco2d学习day01 精灵分析

    day01笔记 using namespace cocos2d; == USING_NS_CC; 一般用后面的 #ifndef __MYLAYER_H__ #define __MYLAYER_H__ ...

  4. zookeeper学习day01

    1.zkAPI:(借助闭锁来实现)    1)创建闭锁对象  2)创建zk对象  3)连接zk客户端(连接成功执行countDown方法)  4)执行await方法(保证链接成功) 5)zk对象调用对 ...

  5. 深度强化学习day01初探强化学习

    深度强化学习 基本概念 强化学习 强化学习(Reinforcement Learning)是机器学习的一个重要的分支,主要用来解决连续决策的问题.强化学习可以在复杂的.不确定的环境中学习如何实现我们设 ...

  6. <深圳千锋学习>day01

    2019.11.11     深圳千锋H5前端学习笔记

  7. Vue学习 Day01

    介绍 这个系列记录自己学习Vue的过程. Vue官方不推荐新手直接使用 vue-cli,所以前面这几天都是根据官方文档学习. 步骤 新建一个html文件. 在html中导入vue.js依赖. < ...

  8. c++学习day01基础知识学习

    一.代码示例解析: #include <iostream> int main() { using namespace std; cout << "come up an ...

  9. CSS学习Day01

    1.什么是CSS 如何学习 CSS是什么 CSS怎么用 CSS选择器(重点+难点) 美化网页(文字.阴影.超链接.列表.渐变) 盒子模型 浮动 定位 网页动画(特效效果) 1.1什么是CSS Casc ...

  10. vue学习day01

    什么是 vue 构建用户界面 用 vue 往 html 页面中填充数据,非常的方便 框架 框架是一套现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能! 要学习 vue,就是在学习 vue ...

随机推荐

  1. Spring里的Async注解实现异步操作

    异步执行一般用来发送一些消息数据,数据一致性不要求太高的场景,对于spring来说,它把这个异步进行了封装,使用一个注解就可以实现. 用法 程序启动时开启@EnableAsync注解 建立新的类型,建 ...

  2. 【重学计算机】操作系统D5章：文件系统

    1. 文件系统 文件系统概述 文件的组织: 逻辑结构:流式.记录式 物理结构:顺序.连接.直接.索引 文件的存取:顺序.直接.索引 文件的控制:逻辑控制.物理控制 文件的使用:打开.关闭.读.写.控制 ...

  3. asp.net core系列 50 Identity 授权(中)

    1.5 基于策略的授权 在上篇中,已经讲到了授权访问(authorization)的四种方式.其中Razor Pages授权约定和简单授权二种方式更像是身份认证(authentication) ,因为 ...

  4. 浅谈MySQL架构体系

    一  数据库和数据库实例 在MySQL的学习研究中,存在两个非常容易混淆的概念,即数据库和数据库实例.在MySQL中,数据库和数据库实例定义如下: 数据库:存储数据的集合: 数据库实例:操作数据库的集 ...

  5. 引用provinces.js的三级联动

    第一次写随笔   应该写的不是太好   请多多见谅 我这次是在网上发现了一个三级联动    也是给新人一个福利 这个是你需要新建个 JavaScript 文件  并复制到你新建的文件里面 var pr ...

  6. 兼容性：Adapter（适配器模式）【PHP】

    Adapter(适配器模式) ---- 加个“适配器”以便于复用 将一个类的接口转换成客户希望的另一个接口.Adapter模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作. 应用场景 如果 ...

  7. HTML/CSS初步了解

    一.CSS是什么? 它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示 ...

  8. 21 , CSS 构造模型

    1. div 2. 边距 3. 边框 4. 定位 5. 浮动 1 21.1  div 部分(division)---<div>元素,经常以 div 形式引用---是 XHTML 元素,用于 ...

  9. UiPath如何实现暂停功能?

    照理说一个无人值守的机器人原本是不应该有人工操作介入的,也就不会提供暂停功能.但客户可能出于业务需要,或者风险管控的考虑,会需要机器人具备暂停功能.通常,会希望在机器人运行时,用户摁下快捷键,机器人就 ...

  10. Mapbox使用详解

    一.简介: Mapbox致力于打造全球最漂亮的个性化地图.   在一次偶然的地图相关资料搜索过程中发现了一个很神奇又很漂亮的地图,这个地图支持高度自定义各种地图元素,比如,道路,水系,绿地,建筑物,背 ...