HTML基础学习笔记

这篇博客详细介绍了HTML的基础知识,包括如何配置IDE,创建第一个HTML文件,使用标题、段落、图像、链接、表格等基本标签,以及块元素、行内元素和表单的运用。此外,还讲解了内联框架iframe、正则表达式和表单验证等进阶概念。
摘要由CSDN通过智能技术生成

HTML

w3c:万维网联盟
标签快捷键ctrl + /

0.idea配置

在这里插入图片描述
在这里插入图片描述

1.第一个HTML文件

<!--DOCTYPE html 告诉浏览器使用什么规范-->
<!DOCTYPE html>
<!--这表示language为英语是一个英文网站,标准的网站要写规范中国cn-->
<html lang="en">

<!--head 代表网页头部-->
<head>
<!--    meta 描述性标签,用他来描述网站信息,可以作为搜索的依据-->
    <meta charset="UTF-8">
    <meta name="key" content="牛皮">
    <meta name="des" content="打工人的网站">

<!--    title 网页的标签-->
    <title>zbw_5</title>
</head>

<!--body表示网页的主体-->
<body>
基本标签
卑微打工人的第一个网页
</body>
</html>

标签+主体

2.基本标签

标题标签

<!-- 标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>

在这里插入图片描述

段落标签


<!--段落标签-->
<h3>无段落标签演示</h3>
一个人住在这城市为了填饱肚子就已精疲力尽
还谈什么理想
那是我们的美梦
梦醒后 还是依然奔波在风雨的街头

<p>有段落标签</p>
    <p>一路上我望着霓虹的北京我的理想把我丢在这个拥挤的人潮</p>
    <p>车窗外已经是一片白雪茫茫</p>
    <p>又一个四季在轮回</p>
    <p>而我一无所获的坐在街头</p>
    <p>只有理想在支撑着那些麻木的血肉</p>

在这里插入图片描述

换行标签,水平线标签,字体标签

<!--换行标签-->
<!--为了规范代码,在每个单体标签都加结束标志"/"-->
    理想今年你几岁<br/>
    你总是诱惑着年轻的朋友<br/>
    你总是谢了又开 给我惊喜<br/>
    又让我沉入失望的生活里<br/>
    公车上我睡过了车站<br/>

<!--水平线标签-->
<hr/>

<!--粗体/斜体-->
<strong>粗体文字</strong>
<em>斜体文字</em>
<hr/>

在这里插入图片描述

特殊符号标签

<!--特殊符号的输入方式-->
<p>&nbsp;&nbsp;&nbsp;&nbsp;</p>
大于;&gt;小于&lt;<br/>
版权符号 &copy;<br/>

在这里插入图片描述

图片标签

src:图片位置,可以用../表示当前目录下的上级目录
alt:图片无法加载时的文字
titlie:悬停文字
width-height:宽高

<img src="../HTML/../img/1.jpg" alt="wifiIMG" title="辣鸡头像悬停文字" width="111" height="222"/>

在这里插入图片描述

链接标签

href:链接网站
target: _blank 在当前页面打开
			_self 在新的页面打开

<a href="3.图片标签.html" >按钮点我戳我</a> 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值