H5全栈_html

最新推荐文章于 2022-04-24 18:05:27 发布

AKIRAZXX

最新推荐文章于 2022-04-24 18:05:27 发布

阅读量577

点赞数

分类专栏： html/css 文章标签： html

本文链接：https://blog.csdn.net/AKIRAZXX/article/details/97699595

版权

html/css 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Html 5

1、Html

超文本标记语言，用于搭建页面骨架
普通文本：.txt 可添加文本、字符
HTML：.html 不仅可添加文本、字符，还可添加图片、视频、音频、超链接、地图、统计图等

HTML协议：是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等。

特点：语法简单；体积小；功能强大，字符

url：统一资源定位符

H5和H4的区别
1、结构

<!DOCTYPE html>
<mate charset="UFT-8">

2、兼容性
H4的兼容性更好一些
H5主要用于webapp开发
手机打开网页
UC浏览器，微信分享链接，微信公众号
Android
Chrome
Ios
Safari
3、添加了许多新特性

结构

doctype 告诉浏览器解析结构

HTML

html
head：原信息配置及设置，如：

<mate charset="UTF-8">   //告诉浏览器解码方式
<mate keywords=.....>   //关键词
<title>...</title>   //显示到浏览器
<style></style>  //样式
<link>  //链接样式
<script> //用于定义客户端脚本

语法

1、注释

2、元素
由开始标签、结束标签、子标签/内容构成。子标签/内容包含在开始标签和结束标签内

<head>
	<title>hello world</title>
</head>

3、属性
属性名与属性值用 = 隔开属性与属性用空格隔开

核心属性 id 唯一标识、class 类、title 描述、style 样式（取值为CSS规则 style=“color:#333”）
特有属性(a href、target; img src、alt)
拓展属性

块元素

作用：搭建页面框架

特性：

1、块元素独占一行
2、默认宽度为父元素的100%，默认高度由子元素或内容决定
3、可以为块元素指定宽高

元素：

div none
h1~h3 margin、font-size、font-style
p margin
ul、li 无序列表：margin、padding、list-style
ol、li 有序列表： margin、padding、list-style ol下只能有li
dl、dt、dd dl 定义列表,dd 定义项：margin dt 定义标题 none
body margin
html none

语义化标签（样式与div类似）

<div class="header"></div>

header、footer、nav（导航）、address、artide（容器，相当于div）、section（段落、部分、aside（网页附属部分）

AKIRAZXX

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5全栈_html

Day 5Html 5/CSS 3 部分1、Html超文本标记语言，用于搭建页面骨架普通文本：.txt 可添加文本、字符HTML：.html 不仅可添加文本、字符，还可添加图片、视频、音频、超链接、地图、统计图等HTML协议：是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一...
复制链接

扫一扫