HTML

最新推荐文章于 2023-03-18 09:18:41 发布
最新推荐文章于 2023-03-18 09:18:41 发布
阅读量497 收藏
点赞数
分类专栏： HTML 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hcy3506406015/article/details/103328182
版权

1.HTML基本结构

<!DOCTYPE html>                    html5的声明
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

（1）页面里的内容是在body标签里渲染的，只有写在body标签里的内容才能在网页显示，若是写在head标签里是不会显示的

（2）若想查看网页源代码可以按F12或者Fn+F12

（3）若是页面出现乱码现象

a.用记事本打开乱码文件

b.点击文件另存为

c.找到编码，选择utf-8(Unicode）保存

（4）<img src="照片的存储位置及名称">

这个位置有

a.相对路径，类似下面的没有于仔细地存储位置，但是只有这个文件和该图片在同一目录下才可以。

 

b.绝对路径，该图片属性中的位置，如下：

 

拓展：../返回上一级   ../../返回前两级   ./当前目录

（5）HTML元素分类

行级元素：span

块级元素：p      占一行

行级块元素：img

（6）head头部

<link rel="stylesheet"  type="text/css" href="mystyle.css">

<meta charset ="utf-8">

<title>文档标题</title>

(7) <br/>：换行

    &nbsp：空格

    添加链接：

<a href="网址">百度搜索</a> 此时点击“百度搜索”就会在当前页面跳转到网址页面，且该网页消失变成新网页，若想保留该网页跳转则<a href="网址" target="_blank">百度搜索</a>。

（8）列表

a.无序列表

<ul>

<li>...</li>

<li>...</li>

....

</ul>

b.有序列表

<ol>

<li>...</li>

<li>...</li>

...

</ol>

c.自定义列表

<dl>

<dt>...</dt>

<dd>对于上面dt标签内文本的说明</dd>

...

</dl>

(9)get请求与post请求的区别

他们是http请求的两种基本方法。

a.相对来讲post比get安全

b.get只能进行url编码，而post支持多种编码方法

c.参数的数据类型不同，get只支持ASCII字符，而post没有限制

d.get请求参数会完全显示在浏览器记录里，而post不会

 

 

 

 

 

 

 

 

 

 

 

 

使用 HTML、CSS 和 JavaScript 定制私人版的刮刮乐【一看就会】
孤寒者的博客
08-24 20万+
刮刮乐想必大家都玩过，小时候兜里一有钱，就喊上小伙伴兴冲冲的跑去家旁边的小卖部，用那稚嫩地小手递给老板那被捏的皱巴巴的五毛钱，满眼期待的刮着买来的刮刮乐，心里早已想好中了100块钱大钞要去买好多好多辣条、卡片、陀螺、奥迪双钻的悠悠球… 认认真真看完本文，你就可以用你女朋友的美照实现一个独属于你的刮刮乐哦！（当然如果你没有女朋友的话，也可以用你珍藏多年的美女图片哦！） ⛳️使用HTML、CSS和JavaS实现刮刮卡/刮刮乐♥️别着急，先看演示????使用HTML、CSS和JavaS实现刮刮乐????第①步：
HTML5浪漫爱心表白动画在线演示程序
02-12
HTML5是一种强大的网页开发语言，它是HTML的第五个版本，为现代互联网提供了丰富的功能和交互性。这个"HTML5浪漫爱心表白动画在线演示程序"是一个利用HTML5特性制作的创意应用，特别适合在情人节这样的特殊日子里，...
JavaScript基础
anyi2351033836的博客
04-21 8205
概述 <script> //js代码 for (var i = 0; i < 5; i++) { document.write("hello World" + i + "<br>") } </script> 变量的定义 五种基本数据类型\ 常用运算符
html头部中各式各样的meta
weixin_30668887的博客
06-05 252
在写网页的过程中，第一步就是创建一个html文档。如下是最简单的 html5 文档。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="wid...
HTML——语法
Alyson_jm的博客
02-19 6912
文章目录页面结构一、文档声明头二、页面语言头标签meta 标签title 标签base 标签link 标签三、body 标签语义为什么要语义化写HTML 代码要注意些什么 页面结构 一个标准的HTML页面如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <sty
热门推荐
u014497548的博客
06-03 57万+
Title img,div,body{margin: 0;padding: 0;} .orgindiv {width: 200px;height: 200px;position: relative;float: left;margin-left: 100px;} .orgindiv img{width: 100%;height: 100%;}
HTML--特殊符号
IT利刃出鞘的博客
10-27 1321
其他网址 网页特殊符号(HTML字符实体)大全_前端向朔-CSDN博客 HTML 特殊符号编码html,js,css 写法大全 - WakaTool | 哇咔工具 ❤基本形状 符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ❤ &#10084 \u2764 \2764 ✈ &#9992 \u2708 \2708 ★ &..
HTML5+CSS3 精美登陆界面源码
01-19
HTML5和CSS3是现代网页开发的两大核心技术，它们为创建功能丰富且视觉吸引人的网页提供了强大的工具。在这个“HTML5+CSS3 精美登陆界面源码”压缩包中，包含了三个精心设计的登录界面，每一个都充分利用了HTML5的新...
HTML5图表框架echarts实战项目(50套源码)，大数据平台展示可视化效果
02-09
最近接了个任务需要用H5在前台两个大电视上做两页数据展示公司的产品数据，效果要高大上，还好之前接触过HTML5，所以第一时间想到就是echarts，这个框架对于数据展示尤其图表类处理的还是非常强大和炫酷的。...
html+css网页设计源码(简洁)
12-25
HTML 和 CSS 是构建网页设计的基础，本资源提供了一套简洁的网页设计源码，适合初学者和需要快速搭建页面的开发者。这套源码充分展示了如何使用 HTML 结构元素和 CSS 样式规则来创建一个清晰、易读且具有基本功能的...
HTML基础（一）
牢骚太盛防肠断，风物长宜放眼量
05-17 7606
本文是作者在学习html过程中对知识的初步整理 1.第一个程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的第一个HTML页面</title> </head> <body> hello HTML,I am shuaigeliu </body> </html> htm.
HTML基础
最新发布
WJXYCWCXY的博客
03-18 1837
HTML基础总结，从今天开始学习前端，实现年入百万。
html基础学习
weixin_52676304的博客
10-15 5695
html新手学习，以菜鸟教程为主
html
weixin_30367873的博客
09-17 112
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>系统发生错误<...
<html lang="zh-cn">和<meta chartset="utf-8">
zhp_em的博客
11-02 2600
：网站编码格式 ：浏览器语言环境
html笔记1
dichimeng8169的博客
10-16 134
一、编写html步骤 1.新建一个记事本（以html结尾） 2.打开方式为文本档 3.编写的结构；<html> 　　　　　　　　　　<head></head><! --网页头部 --> 　　　　　　　　　　<body></body><! --网页主体 --> 　　　　　　 </ht...
html标签 lang的值
pans0的博客
08-01 1758
每次使用VS Code的时候，用！自动补充整个HTML页面的框架的时候，在html标签上有一个lang属性。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content=&quot
js 收银元小程序
weixin_30594001的博客
08-21 309
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js考试</title></head><script type="text/javascript">// 1.编写一个程序，计算增加后的工资。要求基本工资大于等于100...
HTML中网页头部lang属性
qq_36454619的博客
12-12 1069
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body></body> </html> <html lang="en">...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值