html认识

最新推荐文章于 2023-12-05 01:36:46 发布

唐十八_wei

最新推荐文章于 2023-12-05 01:36:46 发布

阅读量8.2k

点赞数

本文链接：https://blog.csdn.net/shibaweijin/article/details/105734359

版权

哑终端-host-based
多个终端一个主机
client/server cs 客服端/服务端，需要安装，优点：速度快，缺点：需要安装，运维成本高
web-based bs 浏览器/服务器，不要安装，通过网址访问，优点不用安装，好维护，缺点速度慢
基于网页的形式，最大特点不需要安装
b/s工作原理
采用b/s计算模式开发的应用程序，我们一般称为web应用程序
运行一个完整的web应用程序所需的最基本的组成部分
在客服端的浏览器，输入域名+端口，回车
通过http协议发起一个请求到服务器，
服务器接收请求，对请求进行处理，响应处理结果
客服端浏览器接收数据，对数据进行解析
http协议；语言
https；比http更安全
request 请求
response 响应
端口具体的某个电脑上一个服务默认80窗口
域名解析为对应的某个ip地址
解析翻译
W3C国际万维网联盟
服务器
存放网页的计算机是服务器

web组成
网页
web服务器，启动对应网站的服务（服务软件）
php apache
jsp tomcat
asp ils
nodejs nodeis
http协议
浏览器

web浏览器
ie
fierfox
Chrome

http协议用来浏览器和服务器之间的通讯

网页组成部分
结构化标准语言 html xhtml
表现标准语言样式 css
行为标准语言 js
html 超文本标记语言超文本：包含图片链接，音乐，视频等非文字
如何学习html
1，标签的作用
2，标签在浏览器上的默认样式
html的发展史
html 1.0 1993年4月
…
html4.0 1997 12月18
xhtml 1.0 （xml;可扩展标记语言）规范更加严格
html5 （兼容性问题）浏览器版本要求高
移动浏览器基本都是html5
3，html后缀名
.htm
.html
.shtml 包含ssi技术

4，html术语
元素元素标签开始，到标签结束，一个整体的组成
属性为元素提供的各种附加信息。属性名=‘属性名’
标签标签名成对出现

5，语法规则
1，标签与属性必须全部小写
2，标签必须闭合
3，属性=‘值’不能简写
4，标签的顺序要一致
5，讲究结构样式分离

6，html原则
语义化；见名知意（搜索引擎）
seo；搜索引擎优化

7，html结构
DTD 文档类型定义
xhtml 1.0有三种dtd声明可以选择

<！DOCTYPE html>
<html>
<head>
<meta chaarset="utf-8"/>
</head>
<body>
</body>
</html>

标签分类；双标签与单标签

8，html基本标签

标题标签；<h1>一级标签</h1>

...

  <h6>6级标签</h6> 默认加粗，行间距变大且换行

段落标签；<p></p>间距变大 换行

注释；<!-- 内容--> ctrl+/
换行；<br/> 换行
水平线；<hr/> 换行并且显示水平线
<strong></strong> 加粗，表示强调
<em></em>  倾斜，表示强调 这两个不是样式标签可在HTML内使用
样式标签
加粗；<b></b>
倾斜；<i></i>
短引用；<q></q>默认加双引号，不换行
长引用；<blockquote></blockquote> 换行，缩进，行间距变大
地址标签;<address> </address> 换行，会变成斜体，上行间距变大
预文本；<pre></pre>显示什么格式
图片标签；<img/>
<img src='路径' height=高度 width=宽度 title=标题  alt=替换文本/>

…/返回上一级
相对位置

./;当前目录
../返回上级目录
xxx/;xxx文件下
/xxx;根目录  网站最大的文件夹，在最上层
绝对位置；file；\\一般不用
10，超链接
<a href= target=></a>
href；超链接地址
target；目标
_self;当前页面打开
_blank；打开一个新页面，保留当前页面

lorem

分类；三种

页面链接；<a href=‘’ target=‘’/></a>
锚点链接；
1，定义锚点
<a name= "锚点名称"  ><a>
2，连接到锚点
<a href=‘#锚点名称’ target=‘’/></a>
功能性链接
<a href=‘javascript’ target=‘’/></a>

列表标签
无序列表

<ul type="">type定义前面的符号
<li></li>
</ul>
有序列表

<ol>
<li></li>
</ol>

定义列表 (define list)

<dl>
<dt><dt> 开头  
<dd><dd>内容 描述
</dl>

table表单

<table>
<th></th>列标签
<tr>
<td></td>
</tr>
</table>

thead；表头
tbody；表体
tfoot;表尾
border
cellspacing 单元格间隙
cellpadding 单元格内边距
rowsoan 跨行 rowspan=3 竖为行
colspan 跨列 横为列
align 对齐方式 left center right
valign;垂直对齐方式 top middle bottom

特殊实体符号
&lt；表示<
&gt；表示>
&nbsp；空格
&quot;双引号
&copy;版权 圈中带C

iframe 内联框架
在网页中内嵌另一个网页
<iframe src  frameborder=1  name>
div 块，没有任何意义
span; 范围，没有任何意义

 h5 结构性标签
header 网页头部
footer  网页尾部
section 内容 多个章节
nav 导航
aside 侧边栏

hgroup；标题组
figure 一组媒体对象及文字
figcaption；figure的标题