html学习-1 标签

最新推荐文章于 2022-04-01 15:44:20 发布
最新推荐文章于 2022-04-01 15:44:20 发布
阅读量1.1k 收藏
点赞数
分类专栏： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zackor_/article/details/113819283
版权

html-1

hyper text markup language

HTML5 + css3

w3c

world wide web consortium

www.w3.org

www.chinaw3.org

标准：

结构化标准语言（html、xml）

表现标准语言（css）

行为标准（DOM文档对象模型Document Object Model、ECMAScriptECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）

IDE

工作使用webstorm

学习 idea

建立第一个网页

删除src、建立html：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nHXX68AY-1613393296219)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215160941206.png)]

打开网页：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vDlVMcr0-1613393296226)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215161011581.png)]

setting 设置浏览器：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v7cw8gTt-1613393296230)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215161100841.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1ZsnHIkT-1613393296236)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215161914049.png)]

开放标签 闭合标签

单独呈现的标签

网页基本结构

注释不显示

head一般表示头部标签

meta 表示描述性标签，一般描述我们网站的信息，一般用于SEO(SEO是搜索引擎优化（Search Engine Optimization）)

title是网页标题

body是网页主体

块元素：（p、h1-h6）

行内元素：（a、strong、em）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qBj3bPSK-1613393296238)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215164635086.png)]

基本标签

<!-- 标题标签 -->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>

<!--段落标签-->
<p>11111111 11</p>
<p>111111 11</p>

<!--换行标签-->
11111 1111<br/>
1111 1111<br/>

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

<!--粗体斜体-->
粗体 : <strong>11111</strong>
<br/>
斜体 ： <em>1111</em>
<br/>
<!--特殊符号-->
空   格 空&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp格

<br/>
＞：&gt
<br/>
＜：&lt
&copy；版权所有
<!--特殊符号记忆方式 &  ；-->
&hearts;

图像标签

BMP 位图

text

图片地址 替代文字 悬停显示文字

src : 图片地址

相对地址（推荐），绝对地址

…/上一级目录

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KGeZcKCe-1613393296242)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215191533497.png)]

连接标签

连接文本、图像

锚链接：

回到顶部

回到底部

_blank 打开新标签

_self 在当前标签打开

邮箱连接：mailto

点击联系我

qq推广：

点击这里给我发消息

列表标签

有序

无序

定义

​ 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签</title>
</head>
<body>
<!--有序列表 调查问卷-->
<ol>
    <li>java</li>
    <li>java</li>
    <li>java</li>
    <li>java</li>
    <li>java</li>
</ol>
<hr/>
<!--无序列表 导航侧边栏-->
<ul>
    <li>java</li>
    <li>java</li>
    <li>java</li>
    <li>java</li>
    <li>java</li>
</ul>
<hr/>
<!--定义列表 公司网站底部-->
<dl>
    <dt>aa</dt>
    <dd>java</dd>
    <dt>bb</dt>
    <dd>java</dd>
    <dd>java</dd>
</dl>
</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7NqDB8ME-1613393296244)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215202929913.png)]

列表标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body>
<!--table
行 tr
列 td
-->
<table border="1px">
    <tr>
        <!--colspan跨列-->
    <td colspan="3">1-1</td>
    </tr>
    <tr>
        <!--colspan跨行-->
        <td rowspan="3">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
    </tr>
    <tr>
        <td>3-1</td>
        <td>3-2</td>
        <td>3-3</td>
    </tr>
    <td>
</table>
<br>
<table border="1px">
    <tr>

        <td colspan="3">成绩</td>
    </tr>
    <tr>
        <!--colspan跨行-->
        <td rowspan="2">aa</td>
        <td>英语</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    </tr>
    <tr>
        <td rowspan="2">bb</td>
        <td>英语</td>
        <td>100</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>100</td>
    </tr>
    <td>

</table>
</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-07b2ss06-1613393296245)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215204650871.png)]

zackor_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML基础-标签的学习
12-05
HTML基础-标签的学习
前端学习day01-HTML标签01
06-21
端学习day01--HTML标签01源码
html学习笔记1 基础标签
05-25
html学习笔记1 基础标签
html标签学习源文件
03-21
html标签学习源文件，网页运行看效果
html标签基础学习笔记
05-24
html标签基础学习笔记
云计算虚拟机实验2020
zackor_的博客
03-15 4031
云计算虚拟机实验 实验目的： 下载 Wmware软件，并在Wmware上配置四台Linux虚拟机Centos系统，使其能互通； 使Wmare上的Linux虚拟机连接Xshell; 在其中一台虚拟机上安装mysql。 实验过程： 一．Vmware安装： 打开Vmware安装文件 （安装软件图标） （点击出现页面） 出现界面点击下一步： 点击我接受，然后点下一步： 点击下一步： 点击下一步： ...
学习babel(转码器)时问题解决
zackor_的博客
12-13 1132
学习babel(转码器)时问题解决：SyntaxError: D:\js-demo-study\12.13\Babeltest.babelrc: Error while parsing JSON - Unexpected EOF at line 1 column 2 of the JSON5 data. Still to read: "" 1、powershell的执行策略修改， 参考： https://docs.microsoft.com/zh-cn/powershell/module/microsoft
算法题：提取数组中的数字并去重升序排序（python学习）
zackor_的博客
09-19 455
var arrList = [1, 9, 0, 2, 1, 6, 8, 11, 0 , 5, 18, 1, 26, 11, 8, 2, 3, 5, 18,1,2,3,4,5,6,7,3]将每个重复的奇数存到 oddRepeat 中、将每个重复的偶数存到 evenRepeat 中对整个数组进行去重排序）并将数组存到 newlist 中 arrList = [1, 9, 0, 2, 1, 6, 8, 11, 0 , 5, 18, 1, 26, 11, 8, 2, 3, 5, 18,1,2,3,4,5,6,7,3
nmi页面头部尾部在路由集成
zackor_的博客
04-01 422
《头部尾部在路由集成》 -----------------------------recored------------------------------------ umi头部尾部集成于路由 使用ReactNode 把头部和尾部单独提出来再放到layout布局里： 好处：可以不在每个页面添加<Head></Head>和<Footer></Footer>代码更清晰；若是只是单独抽头部和尾部的组件每个页面还需要写。 例如集成于首页的路由中： layout： t
html、css自测
zackor_的博客
12-17 217
掌握行内元素、块级元素是什么，及其区别 行内不占一块，依附于其他的块级元素，不可设置宽高，只能设置水平方向位置 块级是独占一块，可设置宽高，水平和垂直位置都可以设置 14、掌握margin、padding的区别 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg..
js-1-2
zackor_的博客
03-07 161
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--script 标签内，写JavaScript代码--> <!-- <script>--> <!-- alert('hello,world');--> <!-- </sc
centos7用dokcer建立odoo，并建立疫情管理模块（云计算实训）
zackor_的博客
09-25 157
实训操作记录 1、 配置Centos7网络，能ping通百度 2、 在虚拟机上安装拉取docker 3、 通过docker下载数据库postgres（版本12）与odoo（版本14） postgres sudo docker run -p 5432:5432 -d -e POSTGRES_USER=odoo -e POSTGRES_PASSWORD=odoo -e POSTGRES_DB=postgres --name db postgres:12 odoo docker run -p 8069:8069
js学习-6
zackor_的博客
04-02 149
BOM 浏览器对象模型 IE Chrome Firefox safair qq 360 window 表示浏览器窗口 window.alert("dd") undefined window.innerHeight 174 window.innerWidth 1280 window.outerHeight 680 window.outerWidth 1280 window.outerWidth 819 window.innerHeight 154 Navigator 封装浏览器信息 naviga
java学习20-2-1 markdown
zackor_的博客
02-01 80
开源的博客平台 wodpress 、typecho 文本编辑器 Typora （后缀 .md） 使用：下载完后在桌面新建文件夹，在文件夹里新建文本txt，将后缀名改为 .md 打开后： 点击菜单栏视图里的大纲： 使用快捷 markdown语法 标题 一个#加空格 一级标题 两个#加空格 二级标题 同理几个#就是几级 注意要加空格 最多六级标题 字体改变 文字各前后加** 加粗 文字各前后加* 斜体 文字前后加~~ 删除符 引用 用">" 分割线 用 “***”或者“—” 图片 用"
css 学习 -2
zackor_的博客
03-04 75
Title 1 2 3
js学习-5
zackor_的博客
03-22 68
内部对象 标准对象 type of 标注类型 typeof 123 "number" typeof '123' "string" typeof NaN "number" typeof [] "object" typeof {} "object" typeof Math.abs "function" typeof undefined "undefined" typeof true "boolean" Date日期对象 /* Date对象*/ var now = new Date(); n
html学习-2
zackor_的博客
02-16 61
HTML2 媒体元素 ​ controls 控制 autoplay 自动播放 audio 同理 网页结构分析 头部 header … 导航栏 nav 主体 article（独立文章） aside(侧边栏) section（独立区域） 脚部 footer iframe [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8kQltL27-1613482170026)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\i
js-3学习
zackor_的博客
03-11 55
map 与 set //es6 map //学生的成绩，学生的名字 // var names = ["zp","dd","aa"]; // var scores = [100,90,80]; var map = new Map([['zp',99],['dd',100],['aa',60]]) var name = map.get('zp'); map.set('bb',70); console.log(name); set ：无序不重复的集合 var set = new Set([3,1,1,1,1
html普通文本标签
最新发布
07-27
- *1* *2* *3* [HTML学习3：常用标签之文本标签](https://blog.csdn.net/erlian1992/article/details/49227703)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值