day50 html标签

最新推荐文章于 2022-02-14 15:25:05 发布
最新推荐文章于 2022-02-14 15:25:05 发布
阅读量169 收藏
点赞数
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yinlingjishu/article/details/108597624
版权

1.HTML介绍

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
<!--<标签名字 属性1="值" 属性2="值2">内容</标签名字>-->


<!--注释开始的地方-->
<h1>22222
<p>333</p>
<p>333</p>
<p>333</p>
</h1>

<!--注释结束的地方-->

</body>
</html>

2.head标签

<!DOCTYPE html>
<html lang="en">
<head>
    <!--与写入文件的编码保持一致-->
    <meta charset="utf-8">
    <meta name="keywords" content="开发者,程序员,博客园,程序猿,程序媛,极客,码农,编程,代码,软件开发,开源,IT网站,技术社区,Developer,Programmer,Coder,Geek,Coding,Code">
    <meta name="description" content="我是一个非常不一样的网站">
<!--    <meta http-equiv="refresh" content="3,http://www.baidu.com">-->

    <title>谷歌一下，你就知道</title>
    <link rel="icon" href="img/favicon.ico">

    <!--
    <style>
        p {
            color: #002448;
        }
    </style>
    -->


    <link rel="stylesheet" href="css/index.css">

    <!--
    <script>
        // alert("哈哈哈哈");

        function changeColor(ths) {
            ths.style.backgroundColor="green";
        }
    </script>
    -->
    <script src="js/a.js"></script>

</head>
<body>
<!--<p οnclick="changeColor(this)">你好</p>-->
你好啊<br>哈哈哈哈
<hr>
我擦了
<!--<b>加粗</b>-->
<strong>强调</strong>

<!--<u>下划线</u>-->
<ins>插入</ins>

<!--<i>倾斜</i>-->
<em>倾斜</em>

<!--<s>删除</s>-->
<del>删除</del>
</body>
</html>

3.字符实体

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--字符实体之空格符-->
你好&nbsp;&nbsp;&nbsp;&nbsp;我擦类&nbsp;&nbsp;&nbsp; 哈哈哈

<p>&lt;print&gt;</p>
<p>100000000000&yen;</p>
<p>egon&amp;lxx</p>
<p>&copy;</p>
<p>&Theta;</p>
</body>
</html>

4.h标签系列

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4>
<h5>我是标题5</h5>
<h6>我是标题6</h6>
<h7>我是标题7</h7>
我是标题7

<h1>egon</h1>
<p>论颜值，</p>
<p>论才华</p>
</body>
</html>

5.img标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--<img src="img/1.jpg" title="这是一个美女" alt="图片被怪兽吃掉了" width="300px" height="300px">-->
<img src="img/1.jpg" title="这是一个美女" alt="图片被怪兽吃掉了" width="300px" >
</body>
</html>

6.a标签定位

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
<a href="http://www.baidu.com" title="跳转到百度" target="_blank">点我啊</a>

<a href="http://www.baidu.com">
    <img src="img/1.jpg" alt="">
</a>
-->

<!--假链接-->
<!--<a href="#">点我啊</a>-->
<!--<a href="javascript:">点我啊</a>-->
<!--假链接-->

<!--页面的锚点-->
<p>
    <a href="#p1" style="color: darkseagreen;text-decoration:none;font-size:18px">一 八八八八</a>
</p>

<p>
    <a href="#p2" style="color: darkseagreen;text-decoration:none;font-size:18px">八 用户与程序交互</a>
</p>

<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<a href="" name="p1"></a>
<p style="color: red">1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<a href="" name="p2"></a>
<p style="color: green">1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>

<a href="">跳到首页</a>
<a href="#">跳到首页</a>
</body>
</html>
技术承
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
三个媒体发布平台大数据总结，为你分析爆文写作方向
whatwsywhat的博客
03-26 1304
选择了解同类三种媒体发布平台 今日头条媒体平台: 今日头条是一款最权威最时讯的阅读新闻资讯软件，是首款资讯类社交应用，创意的新闻推荐模式，只需几秒钟，就可以找到你喜欢的新闻，聚合各大门户的全平台新闻资讯，涵盖热点新闻、科技、财经、社会、国际、娱乐、段子、图片、体育、军事、汽车等，随时随地分享新闻资讯到微博、微信、朋友圈、QQ空间等, 今日头条申请不好申请，文章也是手工审核，发布速度比较慢，但是数据特别亮眼，往往一些趣味性的文章可以达到几十万的阅读量. 小红书：小红书是面向所有人开放的一款分享交流类平台，主.
500个爆文标题_看了1000个爆文标题，终于发现了这个规律.......
weixin_39595931的博客
12-18 2632
文章要爆，标题要好，这不仅仅是一句口号而已！爆文标题有何套路，什么样标题在自媒体领域更受欢迎？小易MM吭哧吭哧的从易撰爆文库搬来了1000个爆文标题数据做研究，今天就一起与大家来说说爆文标题的那些事儿！标题要有足够的吸睛力Tip：碎片化阅读时代，标题吸睛力越高，所能博取的关注度就会越高，创作者一定要善于运用多种形式、多种手段去提高标题的吸睛力。引发悬念万能公式：情况+结果+隐藏真相1.他的公司一夜...
500个爆文标题_我们研究了748篇10万+爆文，总结了11个汽车号的标题套路，可复制...
weixin_32821257的博客
12-30 2123
坤龙： 1秒定生死，说的就是标题。文章篇篇10W+，那是大号，一篇文章10W+，那就是黑马了。说到电商类的文案，内容面窄，用户知道卖货属性，做到10W+是更加难的。而10W+，又是所有电商人想要的。下面这篇文章，分析了748篇10W+，用数据说明了汽车文案的标题套路，可复制性十分强，供你参考。汽车类公众号标题的套路首期，我们选择了新榜汽车榜的Top5：“汽车之家”、“有车以后”、“玩车教授”、“一...
50个常用HTML中的代码
weixin_30830327的博客
05-29 170
1.oncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键 <tableborderoncontextmenu=return(false)><td>no</table>可用于Table 2.<bodyonselectstart="returnfalse"&gt...
如何写出一个10W+的好标题？
weixin_47055086的博客
02-14 280
现在是互联网时代，绝大部分的新闻消息可以在手机上轻松查看，而真正令人能够快速看你的消息的的就是你文章的标题了，这也足以证明自媒体运营中标题的重要性。 第一、能够快速表达文章的主要内容 文章的标题就是对整篇文章的一个概括，可以快速让读者get到你所要表达的主要思想，可以起到一个画龙点睛的作用，所以在创作标题的时候一定要仔细的琢磨，不能随意取。 第二、寻找相匹配的读者 在互联网碎片化阅读时代，并不是读者找寻内容，而是要尽可能地帮助读者快速找到自己想要看的内容。而标题的作用就是让读者能通过标题知道这篇
前端学习day01-HTML标签01
06-21
端学习day01--HTML标签01源码
练习前端-HTML标签进阶篇-day02-03
最新发布
08-19
练习前端-HTML标签进阶篇-day02-03
HTML入门及常用标签-day01.xmind
10-11
HTML入门及常用标签-day01.xmind
day01（html01-认知）.pdf
02-14
HTML通过一系列的标签来描述网页的结构和内容，包括文字、图片、音频、视频等元素，使得这些内容能够在浏览器中正确地呈现。 在HTML的基础认知中，我们需要了解网页的组成。一个完整的网页通常包括文字、图片、音频...
day10-HTML5&CSS3提高.pdf
10-11
语义化标签是HTML5的一大亮点，它们帮助搜索引擎更好地理解和索引网页内容，同时也提高了网页对无障碍访问的支持。例如，`<header>`用于定义页面头部，`<nav>`用于创建导航链接，`<article>`用于包裹独立的内容，`...
微信小程序动态更改标题栏_微信小程序实现动态设置页面标题的方法【附源码下载】...
weixin_39729837的博客
12-21 228
本文实例讲述了微信小程序实现动态设置页面标题的方法。分享给大家供大家参考，具体如下：1、效果展示2、关键代码① WXML文件标题1标题2标题3还原② JS文件Page({// 设置标题为：标题1setBiaoTi1:function(){wx.setNavigationBarTitle({title: '标题1',})},// 设置标题为：标题2setBiaoTi2: function () {w...
500个爆文标题_我研究了999篇100万+爆文，终于发现这10条标题规律！
weixin_39921131的博客
12-30 3855
易撰 文章想要“爆”，标题一定要妙！标题是文章的眉目，是文章内容和读者情感之间的第一个接触点，是让人一见钟情的因子。一个好的题目，能激起读者点击阅读的兴趣，有着眉目传神之妙用。然而，怎样才能给文章命一个好的标题？今天，小易就来和大家一起探索文章标题之奥秘。为什么标题很重要？100万+，绝对是一个让人亢奋的数字，同样也是众多新媒体从业者的追求。在这个人人都可以成为新媒体人的时代，人们随时可通过手机获...
7个类型，打造10W+爆款标题
molu85的博客
01-24 630
添加微信：shumenzhijia，备注”CSDN“，加入高质量知识分享社群，免费获取更多干货，也欢迎大家到小程序"数门干货”里搜索并下载自己感兴趣的干货资料哦～ 在撰写文章之前，作者首先应明白其主题内容，并以此拟定标题，从而让标题与内容能够紧密相连。 无论撰写的主题内容是什么，最终目的还是吸引用户去阅读、评论和转载，从而带来文章外链，所以撰写一个有吸引力的标题是很有必要的。下面从7个方面详细分析如何打造吸睛标题。 1.加入关键词，增强代入感 创作者在写自媒体文章标题时，可在标题中加入一些特定的关键
500个爆文标题_自媒体如何取一个好标题？分享8个写好标题的小技巧
weixin_33897085的博客
12-30 1748
在自媒体创作过程中，取标题是非常重要的环节，好的标题会给文章带来更多的流量，今天就来分享一波好用的标题技巧！1、名人效应找准账号定位，然后选择这个领域内比较有影响力的人，比如有的自媒体人写互联网就会用马云、BAT这之类的字眼，受众对他们都有好奇心理，用他们做噱头，自然会有吸引力。就像《人终身中最紧张的10个习气》与《扎克伯格坚持终身的10个习气》这两个标题，明显后者文章的点击量会比前一个更高，毕竟...
500个爆文标题_2020年，我研究了10000+个爆文标题，终于发现了这些套路
weixin_39574065的博客
12-11 460
一篇文章，你最先看到的是什么？毋庸置疑是标题。好的标题才有让用户想去打开的冲动，否则你辛辛苦苦花了2个小时的文章，因为标题导致功亏一篑。要写好一个标题是非常考验一个人的功力，有时候需要花费30分钟以上的时间才能取好，许多人都在分享10w+的文章怎么写的，今天小编不谈这些，而是用了一周的时间，研究了10000+个爆文标题，终于发现了这个规律.......引起共鸣与目标用户在情感方面达成一致，说出他...
14种营销软文标题的写法,你也可以写出阅读10W+的爆文!
青茶
07-19 1900
在现如今这个互联网+信息爆炸的时代下，怎么来提高文章的阅读量，已成为许多自媒体从业者的一个共同研究话题。 首先，我们必须得有一个足够吸引人的标题，尤其是做定向推送的时候，这将是一个由质变带来量变的过程，虽然我们不提倡标题党，但是为一篇优质的文章制定一个吸引读者的标题还是非常的有必要。 下面为大家分享14种加强标题吸引力的方法，大家一起跟着我往下看！ 1、【在标题里提出疑问】 用疑问的方法勾...
爆文标题
fanblog的博客
01-04 1499
国庆还剩两天，大家都有那些收获呀！出门旅行，有木有看到期待已久的诗和远方，跟大伙丰富的生活相比起来，小编雅典娜我的生活就简单多了，这两天我都在收集一些爆文标题，今天就跟大伙聊聊吧！ 爆文是码字汪和自媒体行业人都梦寐以求的阅读数据，那么如何才能写出一篇篇爆文，提高阅读量呢？在今日头条的分享大会上，有一位大咖曾说过：“一篇文章能否成为爆文，标题的作用占了百分之六十。”就这个概率来看，标题的重要性就不
500个爆文标题_美食爆文大放送 | 烹饪技巧从细节着手，夏日消暑美食最为应时...
weixin_33756596的博客
12-29 4070
为了更好地服务各位创作者的写作，激发创作灵感，提高微头条、文章、视频阅读量和推荐量，我们新增「爆文分享」栏目，于每周一在官号与大家准时见面。本栏目将按照体裁从一周发文中摘选出高阅读和高推荐的内容，总结爆款发文方向与技巧，减少作者搜集时间，供大家参考学习，希望对大家有所帮助。「文章体裁」爆文方向1：烹饪技巧的写作侧重从“小”处着手，从以下标题来看，写作时概括方法并且指出这样做的好处，恰当使用具体的数...
500个爆文标题_自媒体10w+阅读爆文标题总结，掌握这7个“套路”，轻松月入6000+...
weixin_28804379的博客
12-17 1177
在一篇文章当中，一个好的标题对于整篇文章都会起到“画龙点睛”的作用。尤其是在各大自媒体平台，在这个快速消费和快速阅读的时代，每个自媒体平台每天都有成千上万条内容，如何吸引读者的眼球，如何提高阅读，如何拟一个看似不经意实则又很有爆点的标题成了千千万万自媒体人思考的问题。从新手小白到资深的自媒体人，从一个标题就能看出其中的不同。新手小白拟的标题往往没有任何新意，没有重点，也没有爆点，甚至连标点符号都不...
html考勤系统
05-26
HTML 是一种标记语言，通常用于创建网页。如果你想要创建一个基于 HTML 的考勤系统，你需要了解 HTML 的基本语法和标签，以及如何使用 CSS 和 JavaScript 来增强网页的交互性和样式。 以下是一个简单的 HTML 考勤系统的基本框架： ```html <!DOCTYPE html> <html> <head> <title>考勤系统</title> <!-- 在这里引入 CSS 样式表 --> <link rel="stylesheet" href="style.css"> </head> <body> <h1>考勤系统</h1> <!-- 在这里添加表单 --> <form> <label for="name">姓名：</label> <input type="text" id="name" name="name"><br><br> <label for="date">日期：</label> <input type="date" id="date" name="date"><br><br> <label for="status">状态：</label> <select id="status" name="status"> <option value="present">出席</option> <option value="absent">缺席</option> <option value="late">迟到</option> </select><br><br> <input type="submit" value="提交"> </form> <!-- 在这里引入 JavaScript 脚本 --> <script src="script.js"></script> </body> </html> ``` 在上面的代码中，我们创建了一个包含一个标题和一个表单的 HTML 页面。表单包括三个字段：姓名、日期和状态。用户可以输入他们的姓名和日期，并从下拉列表中选择他们的出勤状态。当用户提交表单时，表单数据将被发送到服务器进行处理。 为了使我们的考勤系统更加交互，我们可以使用 JavaScript 来实现以下功能： - 在用户输入姓名时，自动填充日期字段。 - 在用户选择状态时，显示适当的消息。 ```javascript // 获取表单字段 var nameField = document.getElementById("name"); var dateField = document.getElementById("date"); var statusField = document.getElementById("status"); // 自动填充日期 var today = new Date(); var year = today.getFullYear(); var month = today.getMonth() + 1; var day = today.getDate(); if (month < 10) { month = "0" + month; } if (day < 10) { day = "0" + day; } var dateString = year + "-" + month + "-" + day; dateField.value = dateString; // 显示适当的消息 statusField.addEventListener("change", function() { var status = statusField.value; var message = ""; if (status === "present") { message = "出席！"; } else if (status === "absent") { message = "缺席！"; } else if (status === "late") { message = "迟到！"; } alert(message); }); ``` 在上面的代码中，我们获取了表单字段，自动填充了日期字段，并添加了一个事件监听器来显示适当的消息。当用户选择状态时，JavaScript 将确定选择的状态，并显示适当的消息。 这只是一个简单的 HTML 考勤系统的例子，你可以根据自己的需求进行更改和扩展。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值