咨询热线 ：
028-86922220
×
01
关于我们

公司简介

发展历程

02
服务项目

高端网站建设

微信开发

APP开发

网络营销服务

电商网站定制

生物医药网站建设

外贸网站建设

教育培训网站建设

03
小程序开发

小程序开发

功能应用

客户案例

04
案例展示

网站建设案例

小程序案例

电商平台案例

APP案例

系统平台案例

05
建站动态

网站建设

网站设计

常见问题

小程序

06
联系我们

公司地址

人才招聘

地址：成都市太升南路288号锦天国际A幢1002号

电话：028-86922220

028-86922220

重庆分公司，新征程启航

为企业提供网站建设、域名注册、服务器等服务

前端HTML回顾

标签：定义HTML文档

标签：定义文档主体

从网站建设到定制行业解决方案，为提供成都网站建设、网站制作服务体系，各种行业企业客户提供网站建设解决方案，助力业务快速发展。创新互联将不断加快创新步伐，提供优质的建站服务。

-  标签：定义HTML标题

标签：创建水平线

 注释

标签：段落


标签：换行

HTML 链接

标签：链接

默认情况下，链接将以以下形式出现在浏览器中：

（1）href属性：来描述链接的地址

链接文本

（2）target 属性：定义被链接的文档在何处显示

例：target="_blank"： 链接将在新窗口打开

（3）id属性：在一个HTML文档书签标记

例：插入ID   文字

文档中创建一个链接到ID部分  文字

创建一个链接到其它文档ID部分文字

注释： 请始终将正斜杠添加到子文件夹。

例：href="http://www.baidu.com/html/

HTML  元素

头部区域的元素标签为: , <style>, <meta>, <link>, <script>, <noscript>, and <base></p><p><title> 标签：定义了不同文档的标题</p><ul><li><p>定义了浏览器工具栏的标题</p></li><li><p>当网页添加到收藏夹时，显示在收藏夹中的标题</p></li><li><p>显示在搜索引擎结果页面的标题</p></li></ul><p><base> 标签：描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:</p><pre><base href="http://www.baidu.com/p_w_picpaths/" target="_blank"></pre><p><link> 标签：链接到样式表(CSS)</p><pre><link rel="stylesheet" type="text/css" href="mystyle.css"></pre><p><style> 元素：直接添加CSS样式来渲染 HTML 文档</p><pre><head><style type="text/css">body {background-color:yellow}p {color:blue}</style></head></pre><p><meta> 标签：提供了元数据不显示在页面上，但会被浏览器解析。</p><p> 为搜索引擎定义关键词:</p><pre><meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"></pre><p>为网页定义描述内容:</p><pre><meta name="description" content="免费 Web & 编程 教程"></pre><p>定义网页作者:</p><pre><meta name="author" content="Runoob"></pre><p>每30秒中刷新当前页面:</p><pre><meta http-equiv="refresh" content="30"></pre><p><script>标签：用于加载脚本文件，如： JavaScript</p><hr /><h3>HTML 图像- 图像标签（ <img>）和源属性（Src）</h3><p><img> 是空标签，只包含属性，没有闭合标签。</p><pre><img src="url" alt="some_text"></pre><p>（1）src 属性： "source"源属性的值是图像的 URL 地址</p><p>（2）alt 属性：用来为图像定义一串预备的可替换的文本。</p><p>（3）height（高度） 与 width（宽度）属性：用于设置图像的高度与宽度。</p><hr /><h2>HTML 表格</h2><p><table> 标签：表格</p><p><tr> 标签：行</p><p><th> 标签：表头</p><p><td> 标签：单元格</p><p>colspan="2"：链接行的两个段元格</p><p><img src="/upload/otherpic60/copycode.gif" alt="前端HTML回顾"></p><pre><table border="1">     <tr>         <th>Header 1</th>         <th>Header 2</th>     </tr>     <tr>         <td>row 1, cell 1</td>         <td>row 1, cell 2</td>     </tr>     <tr>         <td>row 2, cell 1</td>         <td>row 2, cell 2</td>     </tr></table></pre><p><img src="/upload/otherpic60/copycode.gif" alt="前端HTML回顾"></p><hr /><h2>HTML 列表</h2><p> <ul> 标签：无序列表</p><p> <ol> 标签：有序列表</p><p><li> 标签：每个列表项的开始</p><p><img src="/upload/otherpic60/copycode.gif" alt="前端HTML回顾"></p><pre><ul><li>Coffee</li><li>Milk</li></ul><ol><li>Coffee</li><li>Milk</li></ol></pre><p><img src="/upload/otherpic60/copycode.gif" alt="前端HTML回顾"></p><pre><dl>标签：自定义例表</pre><pre><dl><dt>自定义列表项</dt><dd>自定义列表项的定义<dd><dt>自定义列表项</dt><dd>自定义列表项的定义<dd></dl></pre><hr /><h3>HTML 区块</h3><p> <div> 元素：块级元素，可用于组合其他 HTML 元素的容器。</p><p> <span> 元素：内联元素，可用作文本的容器。</p><p> <table> 元素：作用是显示表格化的数据。</p><p>块级元素(block-level)：在浏览器显示时，通常会以新行来开始（和结束）。例: <h2>, <p>, <ul>, <table></p><p>内联元素(inline)：在显示时通常不会以新行开始。例: <b>, <td>, <a>, <img></p><hr /><h2>HTML 布局</h2><p><div>块级元素或是<table>表格化的数据</p><hr /><p> </p><h2>HTML 表单和输入</h2><p><form>标签：表单</p><p><input>标签：输入</p><p>文本域（Text Fields）：缺省宽度是20个字符</p><pre><form>First name: <input type="text" name="firstname"><br>Last name: <input type="text" name="lastname"></form></pre><p>密码字段：<input type="password">——密码不会显示，以星号或圆点替代</p><pre><form>Password: <input type="password" name="pwd"></form></pre><p>单选按钮：<input type="radio"> </p><pre><form><input type="radio" name="sex" value="male">Male<br><input type="radio" name="sex" value="female">Female</form></pre><p>复选框：<input type="checkbox"></p><pre><form><input type="checkbox" name="vehicle" value="Bike">I have a bike<br><input type="checkbox" name="vehicle" value="Car">I have a car  </form></pre><p>提交按钮：<input type="submit"></p><pre><form name="input" action="html_form_action.php" method="get">Username: <input type="text" name="user"><input type="submit" value="Submit"></form></pre><hr /><h2>HTML 框架</h2><p><iframe>框架：在同一个浏览器窗口中显示不止一个页面。</p><p><strong>iframe语法：</strong><iframe src="<em>URL</em>"></iframe></p><p>height 和 width 属性：用来定义iframe标签的高度与宽度。——属性默认以像素为单位,</p><pre><iframe src="demo_iframe.htm" width="200" height="200"></iframe></pre><p>frameborder 属性：是否显示边框——属性值为 "0" 移除iframe的边框</p><pre><iframe src="demo_iframe.htm" frameborder="0"></iframe></pre><p>例：点击链接，链接地址页面显示在iframe框架中</p><pre><iframe src="demo_iframe.htm" name="iframe_a"></iframe><p><a href="http://www.baidu.com" target="iframe_a">baidu.com</a></p></pre><p>注：name和target名字相同。</p> <br> 分享题目：前端HTML回顾 <br> 当前链接：<a href="http://cqcxhl.cn/article/jcipih.html">http://cqcxhl.cn/article/jcipih.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dsdhjpo.html">sqlserver表隐藏,表格数据被隐藏了怎么办</a> </li><li> <a href="/article/dsdhpce.html">jquery获取索引,jquery实现搜索功能</a> </li><li> <a href="/article/dsdhpdh.html">开发文档鸿蒙,鸿蒙开发手册</a> </li><li> <a href="/article/dsdhpod.html">javascript一,javascript一般位于什么位置</a> </li><li> <a href="/article/dsdhpcc.html">ios开发调试,mac开发ios app 真机调试</a> </li> </ul> </div> </div> <div class="footer"> <div class="footer_content"> <div class="footer_content_top clear"> <div class="content_top_share fl"> <div><img src="/Public/Home/img/logo.png"></div> <div class="top_share_content"> <dd>分享至：</dd> <dt class="bdsharebuttonbox clear" id="share"> <a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友"></a> <a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧"></a> </dt> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> </div> <div class="content_top_left fl clear"> <div class="top_left_list fl"> <dd><a href="/about/">关于我们</a></dd> <dt> <a href="/about/#gsjj">公司简介</a> <a href="/about/#fzlc">发展历程</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/service/">服务项目</a></dd> <dt> <a href="/service/">高端网站建设</a> <a href="/miniprogram/">小程序开发</a> <a href="/service/app.html">APP开发</a> <a href="/service/yingxiao.html">网络营销</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/jianzhan/">建站知识</a></dd> <dt> <a href="/jianzhan/2.html">网站建设</a> <a href="/jianzhan/3.html">网站设计</a> <a href="/jianzhan/4.html">网站制作</a> <a href="/jianzhan/5.html">小程序</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/contact/">联系我们</a></dd> <dt> <a href="/contact/#lxwm">公司地址</a> <a href="/contact/#rczp">人才招聘</a> </dt> </div> </div> <div class="content_top_right addressR fr"> <div class="top_right_title addressf_title"> <a href="javascript:;" class="on">成都</a> <a href="javascript:;">重庆</a> </div> <div class="top_right_content addressf"> <div class="right_content_li on"> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">电话：028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">地址：成都市太升南路288号锦天国际A幢1002号</dt> </div> </div> <div class="right_content_li"> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">电话：028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">地址：重庆市南岸区弹子石腾龙大道58号2栋21-6</dt> </div> </div> </div> </div> </div> </div> <div class="footer_content_copyright clear">版权所有：成都创新互联科技有限公司重庆分公司 <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">渝ICP备2021005571号-4</a> </div> </div> <!--浮窗--> <div class="FloatingWindow clear"> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt><span>在线</span>咨询</dt> </div> </a> <a href="javascript:;" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt>服务热线</dt> </div> <div class="FloatingWindow_list_down fadeInRight animated">服务热线：028-86922220</div> </a> <a href="javascript:;" class="FloatingWindow_list fr STop"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt>TOP</dt> </div> </a> </div> <script src="/Public/Home/js/jquery-1.8.3.min.js"></script> <script src="/Public/Home/js/comm.js"></script> <script src="/Public/Home/js/wow.js"></script> <script src="/Public/Home/js/common.js"></script> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); </script>