Web前端

最新推荐文章于 2024-07-25 09:24:40 发布

甜辣小悦羊

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量361

点赞数

分类专栏：笔记文章标签：前端 html javascript

本文链接：https://blog.csdn.net/m0_63640988/article/details/127561849

版权

笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

第一章 HTML

什么是html？

超文本标记语言，标记也可以称作标签或者元素

目前网络上使用最广泛之一；主要基石

是一个描述性文本，浏览器通过这个描述性文本和呈现网页

之所以被称为超文本语言是因为它拥有所谓得“超级链接”和媒体文件

可以展示文字，表格，声音，图像，动画等等

特点：

简单灵活
可扩展性强
平台无关性（eg:苹果安卓系统都一样）

第二章 环境地配置以及浏览器的介绍

运行环境：有浏览器即可 (推荐Goole)
开发环境：有记事本工具即可

2.1 什么浏览器？

是渲染和呈现网页的软件

head标签中内容一般是浏览器所需要的信息
body标签中一般书写的网页的具体内容
charset是meta标签属性定义字符
布尔型标签：只要写了就自带效果 eg： checked

常用的字符集：gbk是GB2312的补充 BIG5繁体中文 UTF-8是通用字符集 GB2312简体中文

HTML的语法结构

标签通常是由开始标签和结束标签构成，自结束标签例外
标签可以有属性，属性必有值
开始标签和结束标签之间包括的内容成为区域
标签不区分大小写（ )
行内标签：指他只修饰被包括的内容；不能直接支持宽高属性
块标签：沾满一行，即使内容不够，并且支持宽度属性

网页的分类

静态网页：是指不修改源码的前提下，无论何时何地去访问都将显示相同内容（后缀名通常为html htm)
动态网页：通过用用户提交的信息给网站，而反馈出的页面结果（后缀名通常为 asp aspx js php）

第三章 HTML的编写

常用标签

<head>里的标签

<title>……</title> 标题标签（写在<bead>里）

<body>里的标签

…… …… 粗体标签（加强语气）

…… …… 斜体标签
<del>……</del> 删除线标签（划掉）
…… 下划线标签
…… 换行标签（自结束标签）
…… 段落空行标签（上下都会)
<pre>……</pre> 内容与网页内容保持一致（也就是区域内容什么样就是什么样）格式化内容
…… （行内标签） eg： 哈哈哈 则显示的”哈哈哈“为绿色
<div>……<div> （块标签） a<div style="border: 1px solid red;height: 400px;">11111<div> ）

下标标签 o2 表示氧气化学式
上标标签 105 表示10的5次方
<hr wrdth="100">
<hn> 只有h1-h6 级别逐一降低

标签里可以嵌套标签

ff表示透明

语义化标签

语音化标签好处

第四章多媒体标签

4.1 img标签（image的缩写，代表图片）

常用图片的格式
- bmp： Windows专有的图片格式，本身不进行压缩，清晰度略略的低于png

第一章 HTML

什么是html？