首页 / HTML / 18、HTML_html/css_WEB-ITnose

18、HTML_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了18、HTML_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4795字，纯文字阅读大概需要7分钟。

内容图文

HTML

超文本标记语言（Hyper Text Markup Language）。

用来描述网页的一种语言。

HTML标签

由尖括号包围的关键词。如：

通常是成对出现的，开始标签和结束标签。如：和

HTML文档

用来描述网页。

包含HTML标签和文本。

文档的结构

            网页标题                                网页内容

常用特殊字符

显示    代码   <      <   >      >&      &   "      "©      ©   ®      ®×      ×   ÷      ÷￥     ¥   §      §￡     £   ￠     ¢

常用HTML标签

注释

定义规范

三种文档类型：Strict、Transitional 以及 Frameset。

超链接

外链：百度
页内：啊跳转到啊
邮箱：点击发邮件

署名

用来定义署名地址。

标题

定义最大的标题。

定义最小的标题。

换行

不产生一个新段落的情况下进行换行,接着上一行换行。

段落

产生一个新段落，换行空一行。

左中右对齐

预格式文本

用于显示预先在源代码中定义好的格式。

居中对齐

使内容居中对齐。

水平线

在 HTML 页面中创建一条水平线。

size高度 color 颜色 width长度

文字

用来定义文字字体样式大小颜色等。

滚动标签

direction方向 bihavior方式=scroll（一直滚）slide（一次）alternate（交替式）loop次数 scrollamount速度

图片

在网页中显示图片。

vspace hspace文字间距 align 与文本对齐方式

有序列表

数字/编号自动排序 type="1 a A i I "

无序列表

可实心空心方形

文字样式

b粗体 i斜体 u下划线 del删除线 span em strong cite code kbdsamp sub sup var acronym abbr dfn bdo

表格

定义一个表格 border cellspacing设置内框宽度 cellpadding 文字与边框的距离。

行

表格中的行还可以设置tfoot th tbody thead来分组。

单元格

表格中的单元格 rowspan合并行 colspan合并列。

表单

method="post get" action="http://www.baidu.com/login.aspx" method提交方式 action提交地址

文本框

type="text" name="name" value="value" size="20" maxlength="20" size长度 maxlength最大长度

隐藏域

type="hidden" name="hidden" value=""

密码框

type="password" name="name" value="value" size="20" maxlength="20"

单选按钮

type="radio" name="name" value="value" checked="checked" name相同为一组 value区分值单选

复选按钮

type="checkbox" name="name" value="value" checked="checked" name相同为一组 value区分值多选

下拉列表

type="checkbox" name="name" size="4" 下面加一组选择框

文本域

</td>       <td>rows="1" cols="10" onpropertychange="this.style.posHeight=this.scrollHeight"</td>      </tr>      <tr>       <td>按钮</td>       <td><button></td>       <td>type="button submit reset" name="name" 按钮 submit 提交当前表 reset 重置表单</td>      </tr>      <tr>       <td>框架</td>       <td><iframe></td>       <td><iframe name = "" src="" width="" allowtransparency="true" scrolling="no" frameborder="0" /> 插入框架</td>      </tr>      <tr>       <td>背景颜色</td>       <td>Bgcolor</td>       <td><body bgcolor="#666" /></td>      </tr>      <tr>       <td>背景图片</td>       <td>BgcGround</td>       <td><body Background="bg.gif" /></td>      </tr>      </table>    </p>    <p class="sycode">     <h3>常用技巧</h3>     <table>       <tr>       <td>禁止选取 复制</td>       <td><body onselectstart="return false"> </td>      </tr>      <tr>       <td>10秒后跳转 </td>       <td><meta http-equiv="Refresh" content="10;URL=http://www.baidu.com" /></td>      </tr>      <tr>       <td>ico图标 </td>       <td></td>      </tr>      <tr>       <td>背景音乐 </td>       <td><bgsound src="音乐url" loop="-1"></td>      </tr>      <tr>       <td>首页 </td>       <td> 设为首页</td>      </tr>      <tr>       <td>收藏夹 </td>       <td> 加入收藏夹</td>      </tr>      </table><a href="http://www.laitingfm.com" /></a>
<a href="https://curl.qcloud.com/kfoLTs9R" /></a>

</article>
        </div>
        <div class="w310 r">
            <a href="https://www.gxlcms.com/server-467421.html" target="_blank"> <img src="http://www.gxlcms.com/Public/aiod/ts.jpg" /></a>
            <div class="book">
                    <a href="http://www.gxlcms.com/special/html/" target="_blank" title="html代码教程/参考手册"> <img src="https://img.gxlcms.com/" alt="html代码教程/参考手册" />
                        <h3>html代码教程/参考手册</h3> </a>
                </div>            <div class="youclmt">
                <h3>html代码热搜</h3> </div>
            <div class="langmubt">
                <ul>
                                        <li><a href="/htmldaima-351565.html" target="_blank">关于type="file"的input框样式修改小结</a></li><li><a href="/htmldaima-351559.html" target="_blank">HTMLcellpadding与cellspacing属性图文详解</a></li><li><a href="/htmldaima-351555.html" target="_blank">详解HTML编程的标记与文档结构</a></li><li><a href="/htmldaima-351550.html" target="_blank">用DIV遮罩解决鼠标直接勾选checkbox无效的问题</a></li><li><a href="/htmldaima-351547.html" target="_blank">在网页上调用桌面exe程序的简单方法</a></li><li><a href="/htmldaima-351545.html" target="_blank">html借助marquee实现文字左右滚动</a></li><li><a href="/htmldaima-351540.html" target="_blank">关于分割线hr在各浏览器中的差异</a></li><li><a href="/htmldaima-351537.html" target="_blank">a标签的target链接指向iframe的方法</a></li><li><a href="/htmldaima-351533.html" target="_blank">使用overflow:hidden来禁用页面滚动条</a></li><li><a href="/htmldaima-351531.html" target="_blank">使用SWFObject完美解决HTML插入Flash的各浏览器兼容性方案</a></li><li><a href="/htmldaima-351530.html" target="_blank">如何使用图片按钮作为重置(reset)表单按钮</a></li><li><a href="/htmldaima-351528.html" target="_blank">超链接的宽度和高度直接设置不起作用的解决方法</a></li><li><a href="/htmldaima-351525.html" target="_blank">textarea的disabled与readonly属性具体用法介绍</a></li><li><a href="/htmldaima-351521.html" target="_blank">空格在Html中如何表示( 有什么含义)</a></li><li><a href="/htmldaima-351515.html" target="_blank">在js或css后加?v=版本号不让浏览器缓存</a></li><li><a href="/htmldaima-351514.html" target="_blank">块级元素和内联元素及可变元素汇总</a></li><li><a href="/htmldaima-351513.html" target="_blank">HTML的结束标签问题与w3c标准</a></li><li><a href="/htmldaima-351512.html" target="_blank">iframe框架在IE浏览器下将白色背景设为透明色</a></li><li><a href="/htmldaima-351511.html" target="_blank">AdobeBrackets简单使用图文教程</a></li><li><a href="/htmldaima-351505.html" target="_blank">如何去除表单的回车即提交即回车!=提交</a></li><li><a href="/htmldaima-351495.html" target="_blank">Readonly和Disabled之间的微小区别详解</a></li><li><a href="/htmldaima-351494.html" target="_blank">如何设置select只读不可编辑且select的值可传递</a></li><li><a href="/htmldaima-351489.html" target="_blank">html中radio值的获取、赋值、注册事件示例详解</a></li><li><a href="/htmldaima-351482.html" target="_blank">textarea标签大小不可变不能通过鼠标拖动的方式来拖动</a></li><li><a href="/htmldaima-351481.html" target="_blank">HTML中select标签单选多选用法详解</a></li>                </ul>
                
            </div>
 <a href="https://curl.qcloud.com/I8w1gZa8" target="_blank"> <img src="http://www.gxlcms.com/ad/tx500x500.jpg" /></a>
        </div>
    </div>
    </div>
    </div>
    <script type="text/javascript" src="/layui/layui.js"></script>
    <script>
    layui.use('code', function() {
        layui.code({
            elem: 'pre', //默认值为.layui-code
            about: false,
            skin: 'notepad',
            title: '18、HTML_html/css_WEB-ITnose代码块',
            encode: true //是否转义html标签。默认不开启
        });
    });
    </script>
     <link rel="stylesheet" type="text/css" href="/kan/css/basezb.css">
 <script type="text/javascript" src="/kan/js/read.js"></script>

<div class="login-box-form" id="con_login_1">
<form id="loginform" action="/?s=user-center-login.html" method="post" onsubmit="return false;">
<p class="int-text">
<input class="email" id="username" name="username" type="text" value="用户名或Email" onfocus="if(this.value=='用户名或Email'){this.value='';}" onblur="if(this.value==''){this.value='用户名或Email';};" ></p>
<p class="int-text">
<input class="password1" type="password" id="password" name="password"  value="******"  onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';" >
</p>
<p class="int-info">
                <label class="ui-label"> </label>
                <label for="agreement" class="ui-label-checkbox">
                <input type="checkbox" value="" name="cookietime" id="cookietime" checked="checked" value="2592000">
                <input type="hidden" name="notforward" id="notforward" value="1">
                <input  type="hidden" name="dosubmit" id="dosubmit" value="1">记住我的登录 </label>                           
       <a rel="nofollow" class="aright" href="/?s=user-center-forgetpwd.html" target="_blank"> 忘记密码？ </a></p>
  <p class="int-btn"><a rel="nofollow" id="loginbt"  class="loginbtn"><span>登录</span></a></p> 
  </form>
</div>
<form id="regform" action="/?s=user-center-reg.html" method="post">
<div  class="login-reg" style="display: none;" id="con_login_2">
<input type="hidden" name="t" id="t"/>
  <p class="int-text">
    <input  id="email" name="email" type="text" value="Email" onfocus="if(this.value=='Email'){this.value='';}" onblur="if(this.value==''){this.value='Email';};"></p>
    <p class="int-text">
    <input id="uname" name="username" type="text" value="用户名或昵称" onfocus="if(this.value=='用户名或昵称'){this.value='';}" onblur="if(this.value==''){this.value='用户名或昵称';};"></p>
  <p class="int-text">
  <input  type="password" id="pwd" name="password" value="******"  onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';"> </p>
  <p class="int-text1"><span class="inputbox">
    <input id="validate" name="validate" type="text" value="验证码" onfocus="if(this.value=='验证码'){this.value='';}" onblur="if(this.value==''){this.value='验证码';};">
    </span><span class="yzm-img"><img src="/?s=user-checkcode-index" alt="看不清楚换一张"  id="indexlogin"></p>
  <p class="int-info">
    <label>
      <input value="" name="agreement" id="agreement" CHECKED="checked" type="checkbox">
      我已阅读<a rel="nofollow" href="/?s=user-center-agreement.html">用户协议</a>及<a rel="nofollow" href="/?s=user-center-agreement.html">版权声明</a></label>
  </p>
  <p class="int-btn"><input type="hidden" name="dosubmit"/>
<a rel="nofollow" class="loginbtn"  id="register"><span>注册</span></a></p>
</div>
 </form>
</div>
</div>

</div>

</div>
 
<script type="text/javascript" src="/kan/js/foot_js.js"></script>

<div id="footer">
        <div class="w1200">
                   
            <p class="tips_text">本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！
<a href="/?s=gb-show-p-1.html" title="合作方式" target="_blank">合作方式</a></p>
            <p class="tips_text">Copyright © 2004-2018 https://www.gxlcms.com/. All Rights Reserved.<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?afb4873a3fbaa95f710a04306bfb4a0b";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
 <a href="http://beian.miit.gov.cn/" target="_blank">豫ICP备19030742号</a></p>
		
        </div>
    </div>

</html>

内容总结

以上是互联网集市为您收集整理的18、HTML_html/css_WEB-ITnose全部内容，希望文章能够帮你解决18、HTML_html/css_WEB-ITnose所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

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

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

来源：【匿名】

【上一篇】css清楚浮动的8种方式_html/css_WEB-ITnose 【下一篇】PHP 和 HTML

更多 ►

【18、HTML_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章

xhtmlrenderer把html转换成pdf打印问题【代码】

1、解决中文显示：加上中文字体：privatestaticfinal String WIN_FONT_SUN = "C:/Windows/Fonts/simsun.ttc";privatestaticfinal String WIN_FONT_HEI = "C:/Windows/Fonts/simhei.ttf";privatestaticfinal String LINUX_FONT_SUN = "/usr/share/fonts/my_fonts/simsun.ttc";privatestaticfinal String LINUX_FONT_HEI = "/usr/share/fonts/my_fonts/STZHONGS.TTF";if (isWindows()){ addFont(fontResolver, WIN_FONT_SUN);addFon...

浅谈：html5和html的区别

什么是html5呢？html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML+CSS 3+JS+API。hmtl5于html的区别我们现在web前端开发的静态网页，一般都是html4.0。同时是符合W3C的xhtml1.0规范来的。那么他们两者又有什么实质性的区别呢？1.在文档类型声明上html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...

XHTML与html的区别【代码】

HTML相比于HTML 1.所有的标记都必须要有一个相应的结束标记以前在HTML中，你可以打开许多标签，例如和<li>而不一定写对应的和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如: <img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> 2.所有标签的元素和属性的名字都必须使用小写与H...

html5与html的区别【图】

最近看群里聊天聊得最火热的莫过于手机网站和html5这两个词。可能有人会问，这两者有什么关系呢？随着这移动互联网快速发展的时代，尤其是4G时代已经来临的时刻，加上微软对“XP系统”不提供更新补丁、维护的情况下“html5+css3”也逐渐的成为新一代web前端技术，手机网站也渐渐的成为一种趋势。什么是html5呢？html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最...

vue在v-html的html字符串中绑定事件【代码】【图】

最近做项目，使用得vue作为基础框架。有这样一个需求，需要给返回来的富文本绑定事件，搜了一下众说纷纭。自己摸索了和总结出一套比较好用得方式。利用JavaScript事件捕获，通过给使用v-html的标记绑定click事件，捕获到点击的标记。从而实现vue动态绑定dom元素事件的效果；代码如下：富文本数据："richTextContent": "<p class=‘testssss‘ data-innervalue=‘sadsadsa‘ data-value=‘{nasdlkashdashdkjsahdksd}‘><span sty...

C# 使用 wkhtmltopdf 把HTML文本或文件转换为PDF【代码】

一、简介之前也记录过一篇关于把 HTML 文本或 HTML 文件转换为 PDF 的博客，只是之前那种方法有些局限性。后来又了解到 wkhtmltopdf.exe 这个工具，这个工具比起之前的那种方法简直是太好用了。它是一个使用 Qt WebKit 引擎做渲染的，能够把 HTML 文档转换成 PDF 文档或图片(image) 的命令行工具。支持多个平台，可在 windows、linux 等系统下运行。你可以从这里获取到它：https://wkhtmltopdf.org/downloads.html 二、安装下载完成...

XHTML和HTML的区别

1.HTML对于各大浏览器兼容性较差(pc端浏览器、手机端浏览器、PAD)，对于网页页面编写技巧要求比较高，现在web前端开发的静态网页，一般都是html4.0，HTML5就另当别论了。2.XHTML可以很好处理各大浏览器的兼容(pc端浏览器、手机端浏览器、PAD)，看起来与HTML有些相象但是和HTML有不少的区别，XHTML的语法较为严谨，习惯松散结构的HTML编写者刚开始接触XHTML有些不习惯。XHTML结合了部分XML的强大功能及大多数HTML的简单特性。3、HTM...

浏览器端-W3School-HTML：HTML DOM Anchor 对象【图】

ylbtech-浏览器端-W3School-HTML：HTML DOM Anchor 对象 1.返回顶部1、HTML DOM Anchor 对象Anchor 对象Anchor 对象表示 HTML 超链接。在 HTML 文档中 <a> 标签每出现一次，就会创建 Anchor 对象。锚可用于创建指向另一个文档的链接（通过 href 属性），或者创建文档内的书签（通过 name 属性）。您可以通过搜索 Document 对象中的 anchors[] 数组来访问锚，或者使用 document.getElementById()。Anchor 对象的属性属性描述accessK...

HTML-Html开发之Viewport的使用【代码】【图】

近年来随着移动端的快速发展,越来越多传统的web应用需要适配移动终端,下面记录一下如何通过viewport实现简单的不同型号的手机端的适配问题。不过在此之前,介绍一下如何通过Chrome浏览器,调试在移动终端上的效果。调试工具首先我们打开chrome谷歌浏览器,输入天猫地址(实现了手机端适配),按F12进入开发者模式。进入如下的界面: 接下来点击右下方圈红的部分,可以调出另一个控制台,如下界面: 选择某个Device-设备,点击Emulate,...

XHTML与HTML的区别

XHTML的语法较为严谨，拥有一定的规则，如果不遵循规则的话容易出错。但也不必太过担心，因为XHTML的规则并不太难，它和HTML4.01标准没有太多的不同。需要注意的是以下几点：1.XHTML标签必须被正确的关闭，即使是单标签也要关闭错误：<p>我是一个p标签。正确：<p>我是一个p标签。</p>错误：<br>正确：<br />2.XHTML标签必须被正确地嵌套错误：<div><h1>标题</div></h1>正确：<div><h1>标题</h1></div>3.XHTML标签必须小写错误：<DI...

怎样通过FineReader将图像转换成HTML_html/css_WEB-ITnose

之前给大家介绍了使用ABBYY FineReader Mac版将PDF转换成HTML文档（详见PDF转换成HTML文档首选ABBYY Mac，其实ABBYY FineReader无论Mac版还是Windows版都可以实现这一点，除此之外还可以将图像文件转换成HTML文档，本文具体讲讲这一功能。　　ABBYY FineReader是一款OCR图文识别软件，当前最新版本为ABBYY FineReader 12，可快速方便地将扫描纸质文档、PDF文件和数码相机的图像转换成可编辑、可搜索的文本，如Word、Excel、PDF、...

jquery学习之二属性(html()与html(val))_jquery

html() 取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 Get the html contents of the first matched element. This property is not available on XML documents (although it will work for XHTML documents). 返回值 String 示例代码如下: HTML 代码: Hello jQuery 代码: $("div").html(); 结果: Hello html(val) 设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文...

HTML - 技术教程分类

HTML 教程 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 链接 HTML 头部 HTML CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML URL HTML 速查列表 HTML 总结 XHTML 简介 HTML 媒体(Media) HTML 插件 HTML 实例 HTML 标签列表（功能排序） HTML 属性 HTML 事件 HTML 画布 HTML 音频/视频 HTML 颜色名 HTML 字符集 HTML ASCII HTML ISO-8859-1 HTML 符号 HTML 语言代码 html 全部

HTML - 最热教程

html5代码如何实现进度条功能？（示例）javascript中html字符串转化为jquerydo...HTML5实战与剖析之CSS选择器——getEle...html5中设置或返回音频/视频是否应该被...HTML5获取设备信息 jQuery打印指定区域Html页面并自动分页...jQuery+HTML5+CSS3制作支持响应式布局时...JS+HTML5实现上传图片预览效果完整实例...php删除html标签和标签内的内容的方法总...XMLHttpRequest中responseText如何获取...

首页 / HTML / 18、HTML_html/css_WEB-ITnose

18、HTML_html/css_WEB-ITnose

内容导读

内容图文

定义最大的标题。

定义最小的标题。

内容总结

内容备注

内容手机端

【18、HTML_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章

xhtmlrenderer把html转换成pdf打印问题【代码】

浅谈：html5和html的区别

XHTML与html的区别【代码】

html5与html的区别【图】

vue在v-html的html字符串中绑定事件【代码】【图】

C# 使用 wkhtmltopdf 把HTML文本或文件转换为PDF【代码】

XHTML和HTML的区别

浏览器端-W3School-HTML：HTML DOM Anchor 对象【图】

HTML-Html开发之Viewport的使用【代码】【图】

XHTML与HTML的区别

怎样通过FineReader将图像转换成HTML_html/css_WEB-ITnose

jquery学习之二属性(html()与html(val))_jquery

html悬浮框架的设置使用示例(iframe加载html)_HTML/Xhtml_网页制作

phphtml5html的区别【图】

dedecms标签完美解决dedecms中的[html][/html]和[code][/code]问题

HTML - 相关标签

CSS - 相关标签

WEB - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程