Html 学习笔记_html/css_WEB-ITnose-html教學-PHP中文網

首頁

web前端

html教學

Html 学习笔记_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:34 PM

1.css样式与html样式：

.html样式只影响应用它的文本和使用所选Html样式创建的文本

2.设置页面关键字:  <meta  > 元信息标记

用法：<meta name="keyname" content="具体的关键字"> 例：<meta name="keyname" content="网址导航,win8风格导航">

3.设置页面描述：

 为了方便搜索引擎查找设置。

<meta name="description" content="对页面的秒速"> 例：<meta name="description" content="联网去吧网址导航是一个win8风格的导航网站">

4.设置作者信息

<meta name="author" content="GodIsMe">

5.设置搜索引擎对页面的搜索方式

<meta name="robots" content="搜索方式">

搜索方式具体为以下几种： All   表示能搜索当前网页及其链接的网页  Index  表示能搜索当前网页  Nofollow 表示不能搜索当前网页链接的网页

Noindex  表示不能搜索当前网页     None   不能搜索当前网页及其链接的网页

6.设置网页的定时跳转

 在浏览网页时会看到一些页面间隔几秒就会跳转到主页面中去 设置这种跳转的方法

<meta  http-equiv="refresh"  content="跳转时间;url=链接地址">    例:<meta http-equiv="refresh" content="3;url=http://www.lwq8.com"

7.禁止从缓存中调用（即每次刷新都重新请求）

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="pragma" content="no-cache">

8.强制打开新窗口

为了防止自己的网页被别人当作iframe页面使用 可以使用以下语句：

<meta http-equiv="windows-target" content="_top"

9.设置网页过渡效果：

设置进入网页或退出网页的效果

<meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间,transition=过渡方式)"〉 进入网页过渡事件为：page-enter  退出:page-exist

例：<meta http-equiv="page-enter" content="revealtrans(duration=9,tansition=5)">

 效果 ： 0  盒状收缩  1 盒状放射  2 圆形收缩 3 圆形放射  4 由下往上 5由上往下 6从左至右 7从右至左 8垂直百叶窗  9水平百叶窗 23随机效果  12 随机溶解

10.设置图片固定不随滚动条而滚动

<body  bgproperties="fixed">

11.上标和下标

<sub></sub>下标  <sup></sup>上标  例子：2的2次方为      2<sup>2</sup>

12.设置删除线

商城的价格原价的中划线 <strike>文字</strike>

13.网页特殊符号：

  引号 “  "    左尖括号 <  <  右尖括号 >   乘号 * &times; 小节符号 &sect;   注册符号 &reg （R） 商标符号 &trade; tm

14：忽略html标记

 是html标记失去作用 <plaintext> 或者<xmp> 推荐<xmp>

15：有序列表显示的type

<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

16：定义列表标记

    <dl>

        <dt>标题</dt>  <dd>标题的解释 详细内容</dd>

   </dl>

17：书签链接 及锚记

  设置一个点击的链接 <a href="#name">点击这里挑战到指定位置</a>  <a name="name">这里就是跳转后的位置</a>

以上是同个页面的跳转，现在是不同页面的书签跳转

<a  href="链接地址#name">点我跳转</a>   <a name="name">就是这里啦</a>

18 ：<img   alt="Html 学习笔记_html/css_WEB-ITnose" >中的图像水平距离的属性 hspace="20" 水平距离一致为20px   垂直距离vspace

19： 表格中行文字的垂直距离 valign="top"  middle bottom  及上、中、下

20：表格的表头标记 <thead></thead>   表主体标记 <tbody></tbody>  表尾标记<tfoot></tfoot>

21:div 的css 样式

   direction:ltr 或者rtl  文字的现实方向  ltr 从左至右  rtl 从至右

22:表单的提交  form表单的编码方式：

 enctype=""  text/plain  以纯文本的形式传送  application/x-www-form-urlencoded 默认的编码形式  multipart/form-data MIME编码，上传文件的表单必须选择

23：设置网页背景音乐标签:<bgsound src="" loop=3/> loop 为循环次数

24： Html5中新增标签

<section></section> 定义文档或应用程序中的一个区段

<article></article>  表示文档中的一块独立的内容。

<header></header> 表示页面中一个内容区块或整个页面的标题

<nav></nav> 表示导航链接的部分

<footer></footer> 表示整个页面或页面中一个内容区块的脚注。

<mark></mark>高亮显示标记的信息 长用户网页搜索结果

<detail><summary>点我</summary>没点击时时看不见这里的</detail>

<input > type="" 中添加新的类型  number: 类型用于应该包含数值的输入域

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

了解HTML，CSS和JavaScript：初學者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML的角色：構建Web內容Apr 11, 2025 am 12:12 AM

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容，使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTML和代碼：仔細觀察術語Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代碼” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代碼”代碼“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML，CSS和JavaScript：Web開發人員的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構，使用標籤如、等。 2.CSS控製網頁樣式，使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互，通過事件監聽和DOM操作。

HTML，CSS和JavaScript的角色：核心職責Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

HTML容易為初學者學習嗎？Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML中起始標籤的示例是什麼？Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。