HTML前端总结

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/apollo_miracle/article/details/82319137

页游B/S (Browser Server)浏览器/服务器:

优点:不用单独安装客户端和更新包。

缺点:画质差

端游C/S(Client Server)客户端/服务器:

安装客户端、更新需要使用更新包。所有用户都需要安装更新包。

优点:利用计算机全部的性能

前端开发:

HTML:Hyper-Text Markup Language(超文本标记语言)

超文本:在普通文本基础上,可以添加视频、音频等资源。

标记:是有特殊意义的特殊符号 <table> 标签 元素

语言

​ 语法规则:

​ 1、html文件是有各种标记(标签组成的),标签是使用<>包裹字符形成的

​ 2、html文件是有格式的:

<html>

<head></head>

<body></body>

</html>

​ 3、html中的注释使用 `<!-- 这是注释 -->`

​ 4、html中的标签可以分为块元素标签和内联元素标签

​ 5、html中的标签可以单标签和成对出现的标签两种。<br><p>包裹内容</p>

​ 6、html中标签可以有属性,属性是键值对类型的,属性的键和值之间使用=分割,值需要使用引号引住

​ <a href="http://www.baidu.com">这是一个超链接</a>

​ 7、标签可以嵌套,但不能交叉嵌套 <a><span>这是文字</a></span>

​ 按照显示效果划分

​ html的默认布局方式:流式布局

块元素标签:独占一行,不管上面行是否放满

内联样式(行内样式)标签:如果上面没有满就继续放,满了另起一行。

​ 常用的标签:

​ 排版标签:

<h1> ~ <h6>

<p>

<br> 换行

<div>: 就是一个框,什么都能往里装,默认没有样式。块级元素。

<span>:就是一个框,什么都能往里装,默认没有样式。内联元素。

​ 字符实体:

&lt;  <

&gt; >

&nbsp; 空格 。

注意:html中任意多的空格和换行都会解析成一个空格

​ 超链接标签:

​ <a>

​ href: 填写链接地址

​ 图片标签:

​ <img>

​ src: 图片的地址

注意:超链接标签与图片标签的链接属性不一样

猜你喜欢

转载自blog.csdn.net/apollo_miracle/article/details/82319137
今日推荐