html_学习所有标签使用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html_学习所有标签使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2300字，纯文字阅读大概需要4分钟。

内容图文

             1
            <!
            DOCTYPE html
            >
            <!--
            声明为HTML5文档
            -->
             2
            <
            html 
            lang
            ="en"
            >
             3
            <
            head
            >
            <!--
             页面表头上的操作
            -->
             4
            <
            meta 
            charset
            ="UTF-8"
            >
            <!--
             定义网页编码格式为utf-8
            -->
             5
            <
            meta 
            name
            ="author"
             content
            ="chunfang"
            >
            <!--
            定义网页作者
            -->
             6
            <
            meta 
            http-equiv
            ="refresh"
             content
            ="30"
            >
            <!--
            每30秒钟刷新当前页面
            -->
             7
            <
            link 
            rel
            ="shortcut icon"
             href
            ="./img/timg.jpg"
            >
            <!--
            左侧显示logo图片
            -->
             8
            <
            title
            >Title</title><!-- 文档页面上的标题--> 9<!--    <base href="https://www.baidu.com" target="_blank">-->10<!--    <link rel="stylesheet" type="text/css" href="mystyle.css">--><!--定义文档与外部资源之间的关系，通常用于链接到样式表-->11<!--    <style type="text/css">--><!--样式文件引用地址，直接添加样式渲染HTML文档-->12<!--        body {background-color: yellow}-->13<!--        p {color: blue}-->14<!--    </style>-->15</head>16<body><!-- 可见的页面内容-->1718<header><!--定义文档页眉信息-->19<p>段落</p>20<h1>一级标题</h1>21</header>2223<h1 style="test-align:center;">我的第一个标题</h1><!-- h1-h6定义大标题，其中h1最大，h6最小，浏览器会自动地在标题的前后添加空行-->24<font size="6">这是6号字体文本</font>25<h2>我的第一个标题</h2>26<font size="5">这是5号字体文本</font>27<h3>我的第一个标题</h3>2829<p style="color: blue;margin-left: 20px;">我的第一个段落我的第一个段落<br>我的第一个段落我的第一个段落我的第一个段落我的第一个段落我的第一个段落我的第一个段落12121213
30     我的第一个段落我的第一个段落我的第一个段落<br>我的第一个段落我的第一个段落我的第一个段落我的第一个段落我的第一个段落6666666
31     我的第一个段落我的第一个段落<br>我的第一个段落我的第一个段落<br>我的第一个段落我的第一个段落我的第一个段落我的第一个段落777777
32</p><!-- 一个段落，自动换行，浏览器会自动在段落前后添加空行，这是一个块级元素-->33<hr style="background-color: red"><!--在页面中创建水平线，可用于分隔内容-->34<p>这是另一个段落</p>3536<a href="#baidu" style="text-decoration: none; color:red;">跳转到“这是一个链接”</a><!--在href属性中指定链接地址，没有下划线的链接；a标签修改其颜色特性，只能用内联方式，即直接修改s标签的特性才可-->37<br><!--表示的是换行，在所有浏览器中都是有效的-->38<img src="./img/timg.jpg" width="500" height="300"/><!--注意图片的路径，设置图片的宽高-->3940<br>41<a id="baidu" href="https://www.baidu.com" target="_blank" rel="noopener noreferrer">这是一个连接</a><!--将target属性设置为_blank，链接将在新窗口打开-->42434445464748495051</body>52</html>

原文：https://www.cnblogs.com/chunfang/p/13392620.html

内容总结

以上是互联网集市为您收集整理的html_学习所有标签使用全部内容，希望文章能够帮你解决html_学习所有标签使用所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1234029.html

来源：【匿名】

【上一篇】HTML特殊字符—核心编码【下一篇】PHP 和 HTML

更多 ►

【html_学习所有标签使用】教程文章相关的互联网学习教程文章

1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="author" content="chunfang"> 6<meta http-equiv="refresh" content="30"> 7<link rel="shortcut icon" href="./img/timg.jpg"> 8<title>Title</title> 9<!-- ...

【hack】ie8如何兼容html5标签【代码】

ie8是识别不了html5语义化标签的，解决方法：在头部文件的<head></head>里面下如下代码（这段代码的意思是如果ie版本低于ie8，就创建所有HTML5新标签） <!--[if lt IE9]> <script> (function() {if (! /*@cc_on!@*/0) return;var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".spli...

处理HTML标签方法

public function DeleteHtml($str){ 　　$str=trim($str);//清除字符串两边的空格　　$str=strip_tags($str,"");//利用php自带的函数清除html格式　　$str=preg_replace("/\t/","",$str);//使用正则表达式匹配需要替换的内容，如空格和换行，并将替换为空　　$str=preg_replace("/\r\n/","",$str); 　　$str=preg_replace("/\r/","",$str); 　　$str=preg_replace("/\n/","",$str); 　　$str=preg_replace("/ /","",$str...

html5中form表单新增属性以及改良的input标签元素的种类【代码】

在HTML5中，表单新增了一些属性，input标签也有了更多的type类型，有些实现了js才能实现的特效，但目前有些浏览器不能全部支持。下面是一些h5在表单和input标签上的一些改动。<!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" />  <style> input[type="search"] {-webkit-appearance: textfield;} ...

html标签之常用标签【代码】【图】

常用标签html常用的标签： <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 <sub> 下标 <sup> 上标 <pre> 原样标签：原样标签会保留空格和换行符。 <ol> <li> 有序的列表标签、 <ul> <li> 无序的列表标签。项目列表标签(dl dt dd) 行内标签(span) 块标签<div> div标签的内容会独立占一行。html的标签作用：用于描述一个网页的结构的。如果需要操作数据的样式：...

充分利用HTML标签元素 – 简单的xtyle前端框架【代码】【图】

xtyle框架充分利用语义化标签来做美化样式，兼容多款主流浏览器，包括IE8。xtyle框架虽然没BS这么强大，但我觉得也很实用，体积不算很大，适用于企业网站、WordPress主题、个人网站、博客等方面的应用，当然手机端也是适用哦！框架下载地址：xtyle栅格系统（Layout）栅格系统我想很多人是比较关注的，这个xtyle的栅格系统很简单，也很实用和易用，栅格Class由.gird1-.grid10来控制。布局简单用法一栏布局直接使用即可。<div class=...

html标签及网页语义化理解【图】

最近重新看了一遍html标签的知识，有很多新的体会，对语义化有了一个新的理解。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。　　语义化的好处主要有两个方面: ...

HTML5标签的改变

1：文档类型声明DTD HTML5的DTD声明为 <!doctype html>不区分大小写。 ==》在编写HTML5文档时，需要指定文档类型，以确保浏览器能在HTML5的标准模式下进行渲染。2：新增HTML5标签（1）结构标签 <article>定义文章块 <header> 定义一个页面的头部 <footer> 定义一个页面的底部 <nav> 定义导航连接 <section> 定义一个区域 <aside> 定义页面内容部分的侧边栏 <hgroup> 定义文件中一个区块的相关信息 <figure> <figcaption> <dialog...

（转）html span标签设置width不起效解决方式

问题：在设置同级标签时，width属性不起效果，会自动根据包含的内容来变化宽度原因：　　对于内联元素(可以是默认即为内联的比如 span 元素，也可以是 display: inline 的元素)　　width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 hasLayout 。　　而对于 IE6，如果浏览器运行于标准兼容模式下，内联元素会忽略 width 或 height 属性，所以设置 width 或 height 不能在此种情况下令该元素具有 layout。　　　...

javascript 数组方法拼接html标签

var htmls = new Array();htmls.push("<tr class=‘otherinfotr‘>");htmls.push("<td>姓名</td>");htmls.push("<td>");htmls.push("<input type=‘text‘ name=‘username‘ />");htmls.push("</td>");htmls.push("<td>电话</td>");htmls.push("<td>");htmls.push("<input type=‘text‘ name=‘phone‘ />");htmls.push("</td>");htmls.push("</tr>");$(‘.otherinfotr:last‘).after(htmls.join(‘ ‘));原文：http://www.cnblo...

HTML5标签

<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。HTML5:<article></article>HTML4:<div></div><aside>标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。HTML5:<aside>Aside 的内容是独立的内容，但应与文档内容相关。</aside>HTML4:<div>Aside 的内容是独立的内容，但应与文档内容相关。</div><audio> 标...

html中<a>标签_top和_parent的区别【图】

在html中，<a>标签有个target属性，而targe属性有四个值，分别是：_blank、_self、_top、_parent。前两个相信很好理解，第一个就是在新窗口中打开的意思，第二个时候默认的，就是在当前窗口打开，那下面来说下后两者的区别。 _top就是打开的页面占据了整个页面，_parent就是打开的页面只是在父页面中打开，现在可能有点不太好理解，这两个属性主要用于框架文件中，首先我先贴上我的html文件，如下，注：代码中红色的字体在最后有...

HTML高级标签（3）————表单的应用【图】

在HTML开发中，标签的种类和数量很多，不可能说每一种都研究透。很多可以用CSS来控制的标签，我们基本没有必要在上面浪费时间。所以，我们只要掌握在HTML开发中比较常用的标签就完全可以了。首先，先写一个最简单的登录表单。<html><head><title>表单的应用</title></head><body><table border="1" width="500" align="center"><form name="frm" action="login.php"><caption>表单的应用</caption><tr><th>文本域(<u>U</u>)</th><t...

回到javaweb的第九天（一）(html标签完结)【图】

由于htmll的标签的内容，今天要写一个小案例，因此先不复习了吧。刚刚还去复习一下吧了忘性太大第一个案例做的表单大概长这样。原文：https://www.cnblogs.com/startFrom0/p/12731624.html

HTML标签（一）

超链接分类:1.页面之间的链接跳到某个页面2.锚链接跳到页面的某个位置(1)定义锚点<a name="锚点名"></a>例如:<a name="top"></a>(2)跳到某个锚点跳到当前页面的某个位置<a href="#top">回到顶部</a>跳到a.html中的某个位置<a href="a.html#top">回到顶部</a> 3.功能性链接给作者写信<a href="mailto:zhangzy@lanqiao.org">给作者写信</a>*********************特殊符号**********************************空格 < < less than...