Html 学习笔记_html/css_WEB-ITnose
程序员文章站
2022-05-02 15:39:32
...
1.css样式与html样式：
.html样式只影响应用它的文本和使用所选Html样式创建的文本
2.设置页面关键字: 元信息标记
用法： 例：
3.设置页面描述：
为了方便搜索引擎查找设置。
例：
4.设置作者信息
5.设置搜索引擎对页面的搜索方式
搜索方式具体为以下几种： All 表示能搜索当前网页及其链接的网页 Index 表示能搜索当前网页 Nofollow 表示不能搜索当前网页链接的网页
Noindex 表示不能搜索当前网页 None 不能搜索当前网页及其链接的网页
6.设置网页的定时跳转
在浏览网页时会看到一些页面间隔几秒就会跳转到主页面中去 设置这种跳转的方法
例:7.禁止从缓存中调用（即每次刷新都重新请求）8.强制打开新窗口为了防止自己的网页被别人当作iframe页面使用 可以使用以下语句：9.设置网页过渡效果：设置进入网页或退出网页的效果例：效果 ： 0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上 5由上往下 6从左至右 7从右至左 8垂直百叶窗 9水平百叶窗 23随机效果 12 随机溶解10.设置图片固定不随滚动条而滚动11.上标和下标下标 上标 例子：2的2次方为 2212.设置删除线商城的价格原价的中划线文字13.网页特殊符号：引号 “ " 左尖括号14：忽略html标记是html标记失去作用或者<xmp> 推荐<xmp></xmp></xmp></plaintext></pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">15：有序列表显示的type</pre> <pre class="sycode" name="code"><ol type="序号类型"> 序号类型：1 数字1、2、3、 4 a 小写英文字母 a、b 、c A 大写英文字母 A B C i 小写罗马数字 i ii iii iv I 大写罗马数字I II III IV</ol></pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">16：定义列表标记</pre> <pre class="sycode" name="code"> </pre></pre></pre></pre></pre> <dl> <pre class="sycode" name="code"> </pre> <dt>标题</dt> <dd>标题的解释 详细内容</dd> <pre class="sycode" name="code"> </pre> </dl> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">17：书签链接 及锚记</pre> <pre class="sycode" name="code"> 设置一个点击的链接 <a href="#name">点击这里挑战到指定位置</a> <a name="name" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">这里就是跳转后的位置</a></pre> <pre class="sycode" name="code">以上是同个页面的跳转，现在是不同页面的书签跳转</pre> <pre class="sycode" name="code"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu6ZO+5o6l5Zyw5Z2AI25hbWU=" target="_blank" rel="nofollow">点我跳转</a> <a name="name" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu">就是这里啦</a></pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">18 ：<img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=" alt="Html 学习笔记_html/css_WEB-ITnose" title="Html 学习笔记_html/css_WEB-ITnose">中的图像水平距离的属性 hspace="20" 水平距离一致为20px 垂直距离vspace </pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">19： 表格中行文字的垂直距离 valign="top" middle bottom 及上、中、下</pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">20：表格的表头标记 <thead></thead> 表主体标记 <tbody></tbody> 表尾标记<tfoot></tfoot></pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">21:div 的css 样式</pre> <pre class="sycode" name="code"> direction:ltr 或者rtl 文字的现实方向 ltr 从左至右 rtl 从至右</pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">22:表单的提交 form表单的编码方式：</pre> <pre class="sycode" name="code"> enctype="" text/plain 以纯文本的形式传送 application/x-www-form-urlencoded 默认的编码形式 multipart/form-data MIME编码，上传文件的表单必须选择</pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">23：设置网页背景音乐标签:<bgsound src="" loop="3/"> loop 为循环次数</bgsound></pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code">24： Html5中新增标签</pre> <pre class="sycode" name="code"><section></section> 定义文档或应用程序中的一个区段</pre> <pre class="sycode" name="code"><article></article> 表示文档中的一块独立的内容。</pre> <pre class="sycode" name="code"><header><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"></header> 表示页面中一个内容区块或整个页面的标题</pre> <pre class="sycode" name="code"><nav></nav> 表示导航链接的部分</pre> <pre class="sycode" name="code"><footer></footer> 表示整个页面或页面中一个内容区块的脚注。</pre> <pre class="sycode" name="code"><mark></mark>高亮显示标记的信息 长用户网页搜索结果</pre> <pre class="sycode" name="code"><detail><summary>点我</summary>没点击时时看不见这里的</detail></pre> <pre class="sycode" name="code"></pre> <pre class="sycode" name="code"><input> type="" 中添加新的类型 number: 类型用于应该包含数值的输入域</pre> </div> <div class="tags"> 相关标签： <a href="/t/Html/" target="_blank"> Html </a> <a href="/t/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/" target="_blank"> 学习笔记 </a> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/827159.html"> mysql总结之explain_PHP </a> </p> <p> 下一篇： <a href="/article/827161.html"> 『摄影欣赏』20幅温馨浪漫的精美照片欣赏【组图】_html/css_WEB-ITnose </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2257113.html" target="_blank" title="HTML5中的nav标签学习笔记"> <h2> HTML5中的nav标签学习笔记 </h2> </a> </li> <li> <a href="/article/2254524.html" target="_blank" title="值得收藏的HTML5资源(学习html5的朋友可以收藏下)"> <h2> 值得收藏的HTML5资源(学习html5的朋友可以收藏下) </h2> </a> </li> <li> <a href="/article/2254546.html" target="_blank" title="html5 学习简单的拾色器"> <h2> html5 学习简单的拾色器 </h2> </a> </li> <li> <a href="/article/2247814.html" target="_blank" title="html5中canvas学习笔记1-画板的尺寸与实际显示尺寸"> <h2> html5中canvas学习笔记1-画板的尺寸与实际显示尺寸 </h2> </a> </li> <li> <a href="/article/2247707.html" target="_blank" title="html5中canvas学习笔记2-判断浏览器是否支持canvas"> <h2> html5中canvas学习笔记2-判断浏览器是否支持canvas </h2> </a> </li> <li> <a href="/article/2243976.html" target="_blank" title="突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习"> <h2> 突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习 </h2> </a> </li> <li> <a href="/article/2228138.html" target="_blank" title="html5的websockets全双工通信详解学习示例"> <h2> html5的websockets全双工通信详解学习示例 </h2> </a> </li> <li> <a href="/article/2221081.html" target="_blank" title="html5+svg学习指南之SVG基础知识"> <h2> html5+svg学习指南之SVG基础知识 </h2> </a> </li> <li> <a href="/article/2215648.html" target="_blank" title="HTML5中的nav标签学习笔记"> <h2> HTML5中的nav标签学习笔记 </h2> </a> </li> <li> <a href="/article/2214372.html" target="_blank" title="HTML5 video标签（播放器）学习笔记（二）:播放控制"> <h2> HTML5 video标签（播放器）学习笔记（二）:播放控制 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>