HTML代码

最新推荐文章于 2025-02-05 11:03:38 发布
原创 最新推荐文章于 2025-02-05 11:03:38 发布 · 283 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5

本文详细探讨了HTML5的最新特性和应用，包括语义化标签、多媒体支持、离线存储和 canvas API，揭示了HTML5如何改变网页开发的格局。

HTML常用知识点代码

<!DOCTYPE html> <!--表示当前页面采取的是HTML5版本来显示网页，要位于整个文档最开始的位置-->
<html lang="en"> <!--用于定义当前文档显示的语言，lang是Language的缩写，定义为en就是英文网页，定义为zh-CN就是中文网页-->
<head>
    <meta charset="UTF-8">  <!--规定文档应该使用哪种字符编码，UTF-8属于万国码-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>test</title>
</head>
<body>
    <h1 id="h1">h1</h1>
    <h2 id="h2">h2 <a href="#h1">返回顶部</a></h2>
    <h3>h3</h3>
    <h4>h4</h4>
    <h5>h5</h5>
    <h6>h6</h6>
    强制<br />换行的单标签
    <p>paragraph</p>
    <p>paragraph1</p>
    <strong>加粗</strong>
    <b>加粗</b>
    <em>倾斜</em>
    <i>倾斜</i>
    <del>删除</del>
    <s>删除</s>
    <ins>下划线</ins>
    <u>下划线</u>


    <div>div独占一行，块级元素</div>
    <span>一行有多个span，行内元素</span>
    <span>一行有多个span，行内元素</span>
    <h4>图片 src alt title </h4>
    <img src="Oreo.jpg" alt="图片显示有误时用文字替换" title="奥利奥" >
    <!--图片的宽度和高度只调整一个时，会整体进行调整，即宽高比例不变-->

    <h4>超链接 必须要以http开头,_blank为在新标签页打开目标网址， _self为在原标签页打开，默认为_self</h4>
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <a href="test.html" target="_blank">体育新闻</a>
    <a href="#" target="_self">空链接</a>
    <h4>下载链接：如果href中里面的地址是一个文件 .exe或者压缩包.zip，会下载这个文件</h4>
    <h4>网页元素的链接</h4>
    <a href="http://www.baidu.com"><img src="Oreo.jpg"></a>
    <h4>锚点链接：点击链接，可以快速定位到页面中的某个位置</h4>
    <a href="#h2">h2(用#使用id管理器)</a>

    <pre>1       2</pre>
    1&nbsp;&nbsp;&nbsp;&nbsp;2
        <table align="center" border="1px" cellpadding="30px" cellspacing="0px">
        <thead>
            <tr>
                <!--表头单元格会加粗居中显示-->
               <th>属性名</th>
               <th>属性值</th>
               <th>描述</th>
            </tr>
        </thead>
        <tr > 
            <td>align</td>
            <td>left、center、right</td>
            <td>规定表格相对周围元素的对齐方式</td>
        </tr>
        <tr>
            <td>border</td>
            <td>1或“”</td>
            <td>规定表格单元是否拥有边框，默认为“”，即没有边框</td>
        </tr>
        <tr>
            <td>cellpadding</td>
            <td>像素值</td>
            <td>规定单元边沿及其内容之间的空白，默认为1像素</td>
        </tr>
        <tr>
            <td>cellspacing</td>
            <td>像素值</td>
            <td>规定单元格之间的空白，默认2像素</td>
        </tr>
        <tr>
            <td>width</td>
            <td>像素值或百分比</td>
            <td>规定表格的宽度</td>
        </tr>
        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="2"></td>
        </tr>
    </table>

    <ul>
        <li>无序列表<a href="http://www.baidu.com">baidu</a></li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>
    <li>lue</li>
    <ol>
        <li>有序列表</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>
    <dl>
        <dt>自定义列表标题</dt>
        <dd>内容</dd>
        <dd>内容</dd>
        <dd>内容</dd>
    </dl>

    <form action="url地址" method="POST" name="1">
        <input type="text" name="name" id="1" maxlength="6"> <br>
        <label>
            密码：<input type="password">
        </label>
        <br>

        1<input type="radio" name="2">
        2<input type="radio" name="2" checked><br>

        1<input type="checkbox" name="1">
        2<input type="checkbox" name="1">
        3<input type="checkbox" name="1"><br>

        <input type="reset" value="重置"><br>
        <input type="submit" value="提交"><br>
        文件上传<input type="file"><br>
    </form>

    <select>
        <option value="" selected>请选择</option>
        <option value="">湖南</option>
        <option value="">湖北</option>
        <option value="">贵州</option>
        <option value="">太空</option>
        <option value="">月球</option>
        <option value="">冥王星</option>
    </select>
    <!--<video src="dd.mp4"></video>-->
</body>
</html>
ZhDTCang
关注
HTML代码实现简易购物车-web前端教程
web前端入门基础进阶教程-htmlcssjs
07-04 1万+
网上关于购物车实现的代码非常多，本次的这篇文章主要是和大家分享了HTML代码实现简易购物车，有需要的小伙伴可以看一下，接下来讲解一下具体的实现。 1、用html实现内容； 2、用css修饰外观； 3、用js(jq)设计动效。 第一步：首先是进行html页面的设计，我用一个大的p将所有商品包含，然后用不同的p将不同的商品进行封装，商品列表中我用了ul li实现，具体实现代码如下（代码中涉及到的商品都是网上随便copy的，不具有参考价值）： > <p id="goods"> > &g
HTML做一个简单漂亮的旅游网页（纯html代码）重庆旅游 7页
qq_524614081的博客
11-16 8291
⛵✈网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 家游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制作 | HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为。
html一个点代码,点的html代码
weixin_29176179的博客
06-09 929
There's actually six variants of this:char description unicode html html entity utf-8· Middle Dot U+00B7 · · C2 B7• Bullet U+2022 ...
HTML 点击执行代码
LoveMDB的专栏
06-12 997
  function runCode(obj) {  var winname = window.open(, "_blank", );  winname.document.open(text/html, replace);  winname.document.write(obj.value);  winname.document.close(); }
HTML，CSS，JavaScript知识点
爱敲键盘的程序源的博客
09-28 1252
从0基础学开始学前端，JS+CSS+HTML
html小点
qq_45149720的博客
10-22 885
< a > < a >标签href=‘#’为空链接 锚点链接：点链接可以定位到页面某个地方。href=‘#id’ 如果href地址是一个压缩包，会直接下载。 特殊字符 空格：&nbsp； <:&lt ；>&gt 表格 th：表头单元格（加粗，居中显示） table属性: cellpadding-单元格距离表格距离 cellspacing-单元格和单元格之间的距离 table结构标签： < thead >:表格头部，内部必须拥有<
html 画圆点代码,html – 使用D3绘制圆圈
weixin_29164843的博客
05-30 757
以下代码用于绘制彼此相邻的五个圆圈var dataset = [],i = 0;for(i=0; i<5; i++){dataset.push(Math.round(Math.random()*100));}var sampleSVG = d3.select("#viz").append("svg").attr("width", 400).attr("height", 400);sample...
HTML新年代码之2024新年快乐龙年大吉免费下载 happynewyear2024.zip
12-31
HTML、CSS、JS代码：我提供了完整的HTML结构、CSS样式表和JavaScript脚本，这些代码共同构成了这个精美的新年页面。代码清晰、易于阅读，方便其他开发者学习和使用。 项目文件：除了代码，我还分享了整个项目的文件...
微信支付html代码
09-27
微信支付，微信支付html代码，微信支付js代码。
我的大二web课程设计 使用HTML做一个简单漂亮的页面（纯html代码）
weixin__BJ050106的博客
08-14 2800
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
重点来啦！！html代码大全——超详细版
weixin_61838030的博客
01-19 4358
前提准备： 1.下载VScode，需要使用它写前端页面 2.VScode中插件：推荐下载汉化插件，和live server插件[自动刷新页面]
html 文字加点 样式,中文网页重设与排版：TYPO.CSS
weixin_32861907的博客
06-21 964
中文网页重设与排版：TYPO.CSS一致化浏览器排版效果，构建最适合中文阅读的网页排版一、关于 TYPO.CSSTYPO.CSS的目的是，在一致化浏览器排版效果的同时，构建最适合中文阅读的网页排版。现状和如何去做：排版是一个麻烦的问题，需要精心设计，而这个设计却是常被视觉设计师所忽略的。前端工程师更常看到这样的问题，但不便变更。因为在多个 OS 中的不同浏览器渲染不同，改动需要多的时间做回归测试...
HTML(附所有源码)
最新发布
weixin_67480430的博客
02-05 2548
nofollow: 表示搜索引擎不应跟踪该链接，常用于外部链接。noopener 和 noreferrer: 防止在新标签中打开链接时的安全问题，尤其是使用 target="_blank" 时。这是超链接最重要的属性，用来指定链接的目的地，可以是另一个网页、文件、邮件、电话号码或 JavaScript。_blank: 在新窗口或新标签页中打开链接。_self: 在当前窗口或标签页中打开链接（默认）。_parent: 在父框架中打开链接。_top: 在整个窗口中打开链接，取消任何框架。
HTML介绍以及常用代码
Xiaohuang的博客
12-05 1万+
HTML
html符号中文含义大全特殊,中文标点符号大全名称
weixin_42512128的博客
06-07 3261
中文的标点符号包括句号，逗号，感叹号，问号，引号，冒号等等，接下来分享常见的中文标点符号名称。常见的中文标点符号1.句号：【。】用于句子末尾，表示陈述语气。有时也可表示较缓和的祈使语气和感叹语气。2.问号：【？】用于句子末尾，表示疑问语气(包括反问、设问等疑问类型)。在多个问句连用或表达疑问语气加重时，可叠用问号。3.叹号：【！】用于句子末尾，主要表示感叹语气，有时也可表示强烈的祈使语气、反问语气...
html css 圆点 的代码,html/css基础篇——html代码编写过程当中的几个警戒点
weixin_32126555的博客
06-03 328
本文想说的警戒点与浏览器兼容无关，主要是几个本人在项目中遇到的几个小问题的总结，问题虽小，可是却有时很困扰人，在此记录一下，若是后期有此类问题会持续添加到这里。css1.内联标签之间的空格html正常状况下书写html代码的时候都有换行、缩进等习惯，好比webhtml,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, c...
网页html代码大全
热门推荐
alashan007的博客
02-23 10万+
常用HTML代码解释 一、文字1.标题文字&lt;h#&gt;..........&lt;/h#&gt; #=1~6；h1为最大字，h6为最小字 2.字体变化&lt;font&gt;..........&lt;/font&gt; 【1】字体大小&lt;font size=#&gt;..........&lt;/font&gt; #=1~7；数字愈大字也愈大【2】指定字型&lt;font face=...
如何使用html定义一个红色小圆点
weixin_33981932的博客
08-12 1万+
在做工厂设备实时监视的时候，经常会根据设备启停，设置状态为绿色小点和红色小点： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in...
HTML代码中{ % % }
htong521的博客
07-30 2万+
1. HTML代码中&lt;%%&gt;，&lt;％=％&gt;，&lt;％：％&gt;各是什么意思？分享用来实现什么的？                            运行，获取后台代码或值。  &lt;%%&gt;之间可以写服务器端代码，如 : &lt;％   for（var i = 0; i &lt;10; i ++）{  //执行循环体  }  ％&gt;  又如 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值