一、web基础知识

html，专门指网页技术

HTML5，大前端技术(网页，app，桌面程序，数据可视化，VR....)

网页(pc,pad,phone) app  wx  服务器 数据库

HTML5  是 html4.01和XHtml1.0的升级版

XHML1.0的语法更严谨   <input/>

H5支持两种写法  <input/> 或  <input>

1.web与internet

Internet全球计算机互联网

俗称：互联网，因特网，交换网，交际网

浏览网页，只是internet上所有服务器中的一项服务

www服务  world wide web万维网，访问的网站的服务

BBS：论坛

Email：邮件

telnet:远程登录

FTP:上传下载

讨论wx和qq  下载qq.exe  安装在本地  运行

wx，可以通过浏览器直接运行

2.internet上的应用程序

1.C/S

c:client 客户端  s:server 服务器

代表作品：QQ  梦幻西游  .exe

2.B/S

b:browser 浏览器 s:server 服务器

代表作品，各类网站

c/s和b/s的区别

1.c/s需要升级

2.b/s不需要升级

3.web运行原理

web:运行在internet上的一种B/S结构的应用程序，俗称网站

internet：为web运行提供了网络环境

web的工作原理：基于浏览器和服务器以及通信协议来实现的数据的传输和展示

1.通信协议：

规范了数据是如何打包和传递的

2.服务器

功能：存储数据，接收用户的请求并给出响应

提供了程序的运行环境，具备安全功能

服务器产品

TomCat  (java)

Apache （php）

IIS       (.net)

服务器端技术

java  php  nodejs  .net   python

3.浏览器

功能：代表用户发送请求，接收到响应解析成图形页面

作为html css js 的解析器

浏览器的产品

chrome

safari

firefox

Opera

IE---edge

浏览器的技术

html   css  JavaScript

二.HTML快速入门

1.什么是HTML

HTML:HyperText Markup Language

超文本    标记    语言

超文本，有功能的普通文本就是超文本

语法，使用标记<>包裹 <a href></a>

每一种标签都有自己独特的功能

2.HTML的特点

1.以.html或者.htm为后缀

2.由浏览器解析执行

3.用带有<>的标记来编写

4.可以运行js脚本

3.HTML基础语法

①标记（标签，节点，元素,对象）

<关键字></关键字>

标记在使用时，必须用<>括起来

标签的分类，两类

1.双标记

<关键字></关键字>

有开，有关的一对标记

两个标记之间的部分，叫做内容区域

内容区域中的部分，是显示在页面上的数据

2.单标记---空标记

<关键字/> 或者 <关键字>

②嵌套

在一对标签中(内容区域)出现其他的标记，从而形成功能的堆叠

1.要有缩进

<a href="">

<b>

<i>

<s>蜘蛛侠</s>

</i>

</b>

</a>

2.不建议多层写在一行内

<a href=""><b><i><s>蜘蛛侠</s></i></b></a>

3.要避免发生嵌套错误

<a href="">

<b>

<i>

<s>蜘蛛侠</s>

</b>

</i>

</a>

③属性和值

属性和值是对标签的一种修饰

语法：

1.属性必须声明在开始标记中

<关键字 属性="值"></关键字>

<关键字 属性="值"/>

2.一个元素可以有多个属性，多个属性间，空格隔开

<img  src="" alt="">

3.属性值，允许加"" 或'' 或不加引号

但是，推荐添加""

4.通用属性，标准属性

所有元素都可以使用的属性

title：鼠标悬停在元素上显示的文本

id：定义元素在页面中唯一的标识

class:css中，引用类选择器

style:css中，定义行内样式

④注释

不被浏览器解析的代码，一般用于编写逻辑解释

<!-- 注释内容 -->  ctrl+?

1.注释不能嵌套注释

2.在<>内部，不能添加注释

3.注释在工作中的重要性

⑤总结，学习html的技巧

学习固定的标签关键字，及其功能

学习固定属性和值，及其功能

学习嵌套关系

三.HTML的文档结构

1.html文档的构成

①文档类型声明

<!doctype html>

告诉浏览器，请用h5的规则来解析运行当前文档

②网页的结构

<html></html>

作用：代表网页的开始和结束

注意，一个.html中，只能存在一套<html></html>标签

在<html></html>包含页面头部信息和页面主体

<head></head>页面头部信息

<body></body>页面的主体

一个完整的结构

<!doctype html>

<html>

<head></head>

<body></body>

</html>

③<head></head>是所有头部信息的容器

<title>设置页面的标题</title>

<meta/> 元数据，定义网页的全局信息

<meta charset="utf-8"> 设置网页中文编码方式是utf-8

<meta name="description" content="描述内容">

<meta name="Keywords" content="关键词的内容">

<script></script> 定义或引用js文件

<style></style> 定义网页的内部样式

<link> 引入外部样式

④body元素

定义网页的主体

<body></body>

属性：

1.bgcolor:设置背景颜色，取值为合法的颜色值

2.text:设置文本颜色，取值为合法的颜色值

练习

02_ex.html中编写一个完整的html结构

文本样式声明，html，head，body，title，utf-8

五.文本标记(重点***)

1.标题元素

<h1></h1>

<h2></h2>

...

<h6></h6>

在页面中以醒目的方式显示文本

特点：1.字体大小有变化，h1最大，h6最小

2.字体都是加粗显示

3.独占一行

4.上下有垂直距离

属性：align 设置标记内部内容水平对齐方式

取值  left(默认值)/center/right

2.段落标记 paragraph

<p></p>

特点：1.独占一行

2.上下有垂直距离

属性：align 取值 left/center/right

3.换行标记

<br> 或者  <br/>

4.水平线

<hr> 或者 <hr/>

属性

size="5px" 水平线的粗细，以px为单位的数字

width="50%"  水平线的宽度，以px为单位数字和%

align="left"  水平线，水平对齐方式

color="pink" 水平线的颜色

5.预格式化标签

<pre></pre>

保留html代码中的回车和空格

6.特殊字符

html有空格折叠现象，页面中所有的空格和回车都会被解析成一个空格

&nbsp;   空格

&lt;      <

&gt;      >

&copy   © 版权

&reg;     ® 注册商标

&yen;    ￥

&times;   关闭的叉子符号

&times;   X

editplus快捷键

ctrl+s  保存

ctrl+d  删除当前行

ctrl+alt+↓  复制当前行

alt+↑/↓   移动当前行

ctrl+b   代码在浏览器运行

HTML标签和属性一的更多相关文章

  1. HTML5的Video标签的属性,方法和事件汇总

    <video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...

  2. php 内置支持的标签和属性

    内置支持的标签和属性列表如下: 标签名 作用 包含属性 include 包含外部模板文件(闭合) file import 导入资源文件(闭合 包括js css load别名) file,href,ty ...

  3. video标签的属性和方法总结

    最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...

  4. HTML video 视频标签全属性详解

    HTML 5 video 视频标签全属性详解   现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.C ...

  5. HTML5探索一（那些新增的标签和属性）

    tml5相比html4,添加了部分语义化的标签和属性,现在我们就从这些标签和属性开始,学习html5吧. 首先,认识下HTML5新的文档类型: <!DOCTYPE html> 那些新标签 ...

  6. 关于html标签和属性的基本理解

    一.关于标签和属性的基本理解: html页面的内容主要由"元素"或"标签"组成.使用标签来描述网页的内容. 标签tag一般都是成对出现,开始标签和结束标签,或者 ...

  7. [原创]java WEB学习笔记62：Struts2学习之路--表单标签:form,表单标签的属性，textfield, password, hidden，submit ，textarea ，checkbox ，list, listKey 和 listValue 属性，select ，optiongroup ，checkboxlist

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  8. html <input>标签类型属性type(file、text、radio、hidden等)详细介绍

    html <input>标签类型属性type(file.text.radio.hidden等)详细介绍 转载请注明:文章转载自:[169IT-最新最全的IT资讯] html <inp ...

  9. 将HTML转成XHTML并清除一些无用的标签和属性

    介绍 这是一个能帮你从HTML生成有效XHTML的经典库.它还提供对标签以及属性过滤的支持.你可以指定允许哪些标签和属性可在出现在输出中,而其他的标签过滤掉.你也可以使用这个库清理Microsoft ...

  10. CSS和JavaScript标签style属性对照表

    CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,后面字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border ...

随机推荐

  1. 播放声音 （c++) (windows)

    自己看自己看自己看自己看自己看自己看 在<windows.h>中 一:BOOL WINAPI MessageBeep (_in UINT uType ); 播放一个波形文件 (也就是wac ...

  2. Robot Framework -002 在Windows10上的安装

    机器人框架是使用Python实现的,并且还支持Jython(JVM),IronPython(.NET)和PyPy. 在安装框架之前,一个明显的前提条件是至少安装这些解释器之一. 下面列出了安装Robo ...

  3. Vant Weapp小程序蹲坑之使用card组件显示价格

    问题 在基于mpvue+Vant Weapp组件库实战过程中,问题越来越多.网络上所谓的"坑"总结,仅仅不过是其开发中所遭所遇之"坑"而已--估计后面的&quo ...

  4. 获得CCNA和CCNP及CCIE认证的必备条件和有效期绍

    CCNA认证培训介绍 CCNA认证(CCNA-思科网络安装和支持认证助理)是整个Cisco认证体系中最初级的认证,同时它也是获得CCNP认证.CCDP认证和CCSP认证的必要条件(CCIP认证.CCI ...

  5. 谈谈JavaScript中的变量、指针和引用

    1.变量 我们可能产生这样一个疑问:编程语言中的变量到底是什么意思呢? 事实上,当我们定义了一个变量a时,就是在存储器中指定了一组存储单元,并将这组存储单元命名为a.变量a的值实际上描述的是这组存储单 ...

  6. ACM卡常处理办法（虽然我到现在没遇到）

    今天做预流推送,一样的代码.别人500MS(OI选手)而我5S,百思不得其解,然后我知道了还有卡常这一说. 我们今天就来看一看吧: 1.循环展开: 在缓存和寄存器允许的情况下一条语句内大量的展开运算会 ...

  7. 51NOD 2072 装箱问题 背包问题 01 背包 DP 动态规划

    有一个箱子容量为 V(正整数,0<=V<=20000),同时有 n 个物品(0<n<=30),每个物品有一个体积(正整数). 现在在 n 个物品中,任取若干个装入箱内,使得箱子 ...

  8. 题解 CF588A 【Duff and Meat】

    题意 有一个人,想吃 $n$ 天肉,第 $i$ 天需要吃 $a[i]$ 块肉,第 $i$ 天超市肉价为每块 $b[i]$ 元,买来的肉可以留到后面吃,求这个人在每天都吃到肉的情况下花费的最小值. 题目 ...

  9. .NET Core 反编译dll源码查看

    一.可以通过JetBrains dotPeek进行反编译 二.可以通过.NET Reflector和VS自带的反编译工具查看

  10. thinkphp日志泄露扫描

    import requests,sys dirpath=[] def dirscan(url,year): for i in range(1,13): if i < 10: urls=url+' ...