如何看HTML的源代码

栏目:资讯发布:2023-09-28浏览:2收藏

如何看HTML的源代码,第1张

需要准备的材料分别有:电脑、chrome浏览器、html编辑器。

1、首先,使用chrome浏览器进入到相关网页,例如:zhidaobaiducom。

2、在网页空白处鼠标右键,点击“查看网页源代码”按钮。

3、浏览器运行indexhtml页面,此时会打开当前网页的源代码供查看。

HTML代码是一种标记性超文本语言

所谓的标记可以理解为记号,举个例子比如:就像英语对照中文一样,学过英语的人就知道HELLO是你好的意思。

那么HTML也是一样的道理,<br />这个符号就是换行的意思。

所以HTML代码非常简单,没有任何逻辑问题,只要你背会住对应的标记就可以学会。

HTML用于网站的基本元素

即使说做一个网页先要写HTML代码,写上标题,文字内容,,视频等等一些基本元素,当然这样的网页非常难看,而且布局的限制也非常狭窄。所以接下来要学习CSS代码,加上这种代码就可以像其他优秀的网站一样美观了。

HTML是什么样子的

<p>这一段文字</p> 前面这段代码就可以写一段文字了,如果详细说明,<p>为初始代码 ,</p>为关闭代码,文字需要写在这里面。

<h1>这是一个标题</h1> 跟上述所讲的一样<h1>为初始代码 ,</h1>为关闭代码,就可以写成一个标题了。

具体想学HTML建议去W3Cschool网站。

偶尔会在数据中看到诸如' 这样的字符,特征如下 以开头,中间是一串数字,以;结尾 以&开头,中间一串字符,以;结尾 比如最常见的 或者等价的  浏览器遇到这些转义符,会转义回来,但如何通过代码识别? orgapachecommonslangStringEscapeUtilsunescapeHtml提供了很好的说明 遇到上面的第一种情况,中间是数字的,直接将数字(unicode)转为char 遇到第二情况,中间是字符,只能查映射表了,从映射表中找到字符对应的数字再转换为char 看看代码就一目了然了 看看HTML40如何定义的

代码如下: static { HTML40 = new Entities(); fillWithHtml40Entities(HTML40); } static void fillWithHtml40Entities(Entities entities) { entitiesaddEntities(BASIC_ARRAY); entitiesaddEntities(ISO8859_1_ARRAY); entitiesaddEntities(HTML40_ARRAY); } 再看看BASIC_ARRAY、ISO8859_1_ARRAY、HTML40_ARRAY 分别是什么 BASIC_ARRAY

代码如下: private static final String[][] BASIC_ARRAY = {{"quot", "34"}, // " - double-quote {"amp", "38"}, // & - ampersand {"lt", "60"}, // - greater-than }; ISO8859_1_ARRAY

代码如下: static final String[][] ISO8859_1_ARRAY = {{"nbsp", "160"}, // non-breaking space {"iexcl", "161"}, // inverted exclamation mark {"cent", "162"}, // cent sign {"pound", "163"}, // pound sign {"curren", "164"}, // currency sign {"yen", "165"}, // yen sign = yuan sign {"brvbar", "166"}, // broken bar = broken vertical bar {"sect", "167"}, // section sign {"uml", "168"}, // diaeresis = spacing diaeresis {"copy", "169"}, // � - copyright sign {"ordf", "170"}, // feminine ordinal indicator {"laquo", "171"}, // left-pointing double angle quotation mark = left pointing guillemet {"not", "172"}, // not sign {"shy", "173"}, // soft hyphen = discretionary hyphen {"reg", "174"}, // � - registered trademark sign {"macr", "175"}, // macron = spacing macron = overline = APL overbar {"deg", "176"}, // degree sign {"plusmn", "177"}, // plus-minus sign = plus-or-minus sign {"sup2", "178"}, // superscript two = superscript digit two = squared {"sup3", "179"}, // superscript three = superscript digit three = cubed {"acute", "180"}, // acute accent = spacing acute {"micro", "181"}, // micro sign {"para", "182"}, // pilcrow sign = paragraph sign {"middot", "183"}, // middle dot = Georgian comma = Greek middle dot {"cedil", "184"}, // cedilla = spacing cedilla {"sup1", "185"}, // superscript one = superscript digit one {"ordm", "186"}, // masculine ordinal indicator {"raquo", "187"}, // right-pointing double angle quotation mark = right pointing guillemet {"frac14", "188"}, // vulgar fraction one quarter = fraction one quarter {"frac12", "189"}, // vulgar fraction one half = fraction one half {"frac34", "190"}, // vulgar fraction three quarters = fraction three quarters {"iquest", "191"}, // inverted question mark = turned question mark {"Agrave", "192"}, // � - uppercase A, grave accent {"Aacute", "193"}, // � - uppercase A, acute accent {"Acirc", "194"}, // � - uppercase A, circumflex accent {"Atilde", "195"}, // � - uppercase A, tilde {"Auml", "196"}, // � - uppercase A, umlaut {"Aring", "197"}, // � - uppercase A, ring {"AElig", "198"}, // � - uppercase AE {"Ccedil", "199"}, // � - uppercase C, cedilla {"Egrave", "200"}, // � - uppercase E, grave accent {"Eacute", "201"}, // � - uppercase E, acute accent {"Ecirc", "202"}, // � - uppercase E, circumflex accent {"Euml", "203"}, // � - uppercase E, umlaut {"Igrave", "204"}, // � - uppercase I, grave accent {"Iacute", "205"}, // � - uppercase I, acute accent {"Icirc", "206"}, // � - uppercase I, circumflex accent {"Iuml", "207"}, // � - uppercase I, umlaut {"ETH", "208"}, // � - uppercase Eth, Icelandic {"Ntilde", "209"}, // � - uppercase N, tilde {"Ograve", "210"}, // � - uppercase O, grave accent {"Oacute", "211"}, // � - uppercase O, acute accent {"Ocirc", "212"}, // � - uppercase O, circumflex accent {"Otilde", "213"}, // � - uppercase O, tilde {"Ouml", "214"}, // � - uppercase O, umlaut {"times", "215"}, // multiplication sign {"Oslash", "216"}, // � - uppercase O, slash {"Ugrave", "217"}, // � - uppercase U, grave accent {"Uacute", "218"}, // � - uppercase U, acute accent {"Ucirc", "219"}, // � - uppercase U, circumflex accent {"Uuml", "220"}, // � - uppercase U, umlaut {"Yacute", "221"}, // � - uppercase Y, acute accent {"THORN", "222"}, // � - uppercase THORN, Icelandic {"szlig", "223"}, // � - lowercase sharps, German {"agrave", "224"}, // � - lowercase a, grave accent {"aacute", "225"}, // � - lowercase a, acute accent {"acirc", "226"}, // � - lowercase a, circumflex accent {"atilde", "227"}, // � - lowercase a, tilde {"auml", "228"}, // � - lowercase a, umlaut {"aring", "229"}, // � - lowercase a, ring {"aelig", "230"}, // � - lowercase ae {"ccedil", "231"}, // � - lowercase c, cedilla {"egrave", "232"}, // � - lowercase e, grave accent {"eacute", "233"}, // � - lowercase e, acute accent {"ecirc", "234"}, // � - lowercase e, circumflex accent {"euml", "235"}, // � - lowercase e, umlaut {"igrave", "236"}, // � - lowercase i, grave accent {"iacute", "237"}, // � - lowercase i, acute accent {"icirc", "238"}, // � - lowercase i, circumflex accent {"iuml", "239"}, // � - lowercase i, umlaut {"eth", "240"}, // � - lowercase eth, Icelandic {"ntilde", "241"}, // � - lowercase n, tilde {"ograve", "242"}, // � - lowercase o, grave accent {"oacute", "243"}, // � - lowercase o, acute accent {"ocirc", "244"}, // � - lowercase o, circumflex accent {"otilde", "245"}, // � - lowercase o, tilde {"ouml", "246"}, // � - lowercase o, umlaut {"divide", "247"}, // division sign {"oslash", "248"}, // � - lowercase o, slash {"ugrave", "249"}, // � - lowercase u, grave accent {"uacute", "250"}, // � - lowercase u, acute accent {"ucirc", "251"}, // � - lowercase u, circumflex accent {"uuml", "252"}, // � - lowercase u, umlaut {"yacute", "253"}, // � - lowercase y, acute accent {"thorn", "254"}, // � - lowercase thorn, Icelandic {"yuml", "255"}, // � - lowercase y, umlaut }; HTML40_ARRAY

代码如下: static final String[][] HTML40_ARRAY = { // {"fnof", "402"}, // latin small f with hook = function= florin, U+0192 ISOtech --> // {"Alpha", "913"}, // greek capital letter alpha, U+0391 --> {"Beta", "914"}, // greek capital letter beta, U+0392 --> {"Gamma", "915"}, // greek capital letter gamma,U+0393 ISOgrk3 --> {"Delta", "916"}, // greek capital letter delta,U+0394 ISOgrk3 --> {"Epsilon", "917"}, // greek capital letter epsilon, U+0395 --> {"Zeta", "918"}, // greek capital letter zeta, U+0396 --> {"Eta", "919"}, // greek capital letter eta, U+0397 --> {"Theta", "920"}, // greek capital letter theta,U+0398 ISOgrk3 --> {"Iota", "921"}, // greek capital letter iota, U+0399 --> {"Kappa", "922"}, // greek capital letter kappa, U+039A --> {"Lambda", "923"}, // greek capital letter lambda,U+039B ISOgrk3 --> {"Mu", "924"}, // greek capital letter mu, U+039C --> {"Nu", "925"}, // greek capital letter nu, U+039D --> {"Xi", "926"}, // greek capital letter xi, U+039E ISOgrk3 --> {"Omicron", "927"}, // greek capital letter omicron, U+039F --> {"Pi", "928"}, // greek capital letter pi, U+03A0 ISOgrk3 --> {"Rho", "929"}, // greek capital letter rho, U+03A1 --> // {"Sigma", "931"}, // greek capital letter sigma,U+03A3 ISOgrk3 --> {"Tau", "932"}, // greek capital letter tau, U+03A4 --> {"Upsilon", "933"}, // greek capital letter upsilon,U+03A5 ISOgrk3 --> {"Phi", "934"}, // greek capital letter phi,U+03A6 ISOgrk3 --> {"Chi", "935"}, // greek capital letter chi, U+03A7 --> {"Psi", "936"}, // greek capital letter psi,U+03A8 ISOgrk3 --> {"Omega", "937"}, // greek capital letter omega,U+03A9 ISOgrk3 --> {"alpha", "945"}, // greek small letter alpha,U+03B1 ISOgrk3 --> {"beta", "946"}, // greek small letter beta, U+03B2 ISOgrk3 --> {"gamma", "947"}, // greek small letter gamma,U+03B3 ISOgrk3 --> {"delta", "948"}, // greek small letter delta,U+03B4 ISOgrk3 --> {"epsilon", "949"}, // greek small letter epsilon,U+03B5 ISOgrk3 --> {"zeta", "950"}, // greek small letter zeta, U+03B6 ISOgrk3 --> {"eta", "951"}, // greek small letter eta, U+03B7 ISOgrk3 --> {"theta", "952"}, // greek small letter theta,U+03B8 ISOgrk3 --> {"iota", "953"}, // greek small letter iota, U+03B9 ISOgrk3 --> {"kappa", "954"}, // greek small letter kappa,U+03BA ISOgrk3 --> {"lambda", "955"}, // greek small letter lambda,U+03BB ISOgrk3 --> {"mu", "956"}, // greek small letter mu, U+03BC ISOgrk3 --> {"nu", "957"}, // greek small letter nu, U+03BD ISOgrk3 --> {"xi", "958"}, // greek small letter xi, U+03BE ISOgrk3 --> {"omicron", "959"}, // greek small letter omicron, U+03BF NEW --> {"pi", "960"}, // greek small letter pi, U+03C0 ISOgrk3 --> {"rho", "961"}, // greek small letter rho, U+03C1 ISOgrk3 --> {"sigmaf", "962"}, // greek small letter final sigma,U+03C2 ISOgrk3 --> {"sigma", "963"}, // greek small letter sigma,U+03C3 ISOgrk3 --> {"tau", "964"}, // greek small letter tau, U+03C4 ISOgrk3 --> {"upsilon", "965"}, // greek small letter upsilon,U+03C5 ISOgrk3 --> {"phi", "966"}, // greek small letter phi, U+03C6 ISOgrk3 --> {"chi", "967"}, // greek small letter chi, U+03C7 ISOgrk3 --> {"psi", "968"}, // greek small letter psi, U+03C8 ISOgrk3 --> {"omega", "969"}, // greek small letter omega,U+03C9 ISOgrk3 --> {"thetasym", "977"}, // greek small letter theta symbol,U+03D1 NEW --> {"upsih", "978"}, // greek upsilon with hook symbol,U+03D2 NEW --> {"piv", "982"}, // greek pi symbol, U+03D6 ISOgrk3 --> // {"bull", "8226"}, // bullet = black small circle,U+2022 ISOpub --> // {"hellip", "8230"}, // horizontal ellipsis = three dot leader,U+2026 ISOpub --> {"prime", "8242"}, // prime = minutes = feet, U+2032 ISOtech --> {"Prime", "8243"}, // double prime = seconds = inches,U+2033 ISOtech --> {"oline", "8254"}, // overline = spacing overscore,U+203E NEW --> {"frasl", "8260"}, // fraction slash, U+2044 NEW --> // {"weierp", "847

第一种:打开一个网页后点击鼠标的 右键就会有"查看源文件",操作 鼠标右键--->查看源文件 即可弹出一个记事本,而记事本内容就是此网页的html代码。

可能会碰到一些网页鼠标右键无反应或提出提示框,那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容,但是这种方法也没用,只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。

第二种:通过浏览器状态栏或工具栏中的点击 “查看”然后就用一项“查看源代码”,源代码即可查看此网页的源代码源文件。

在微软IE下 查看--->源文件 即可查看此网页代码在傲游浏览器下截图:

查看别人网页的源代码可以为我们制作网页时候有帮助,以后将介绍查看源代码更多方法及怎么运用到别人的源代码文件。

三、其它浏览器具体查看html网页源代码方法步骤   -   TOP

首先请打开您的网络浏览器,然后访问任何一个网页。

完成上述步骤后,您可以通过以下针对不同网络浏览器的简单步骤快速查看html网页源代码。

1)、Firefox浏览器,请按以下步骤操作:

点击火狐firefox浏览器上方“工具(T)”菜单。

在下拉菜单中点击“Web 开发者”。

然后在下拉菜单中选择点击“页面源代码”,即可查看网页源代码。

2)、谷歌浏览器,请按以下步骤操作:

点击广告浏览器,右上角“三横”控制图标

在下拉菜单点击“工具”

然后再点击“查看源代码”。

或直接谷歌浏览器中使用快捷键“Ctrl+U”即可查看被访网页源代码。

对于这些的话,新手朋友可以参考附件里面的知识学习下

html做个表格的步骤如下:

1、首先新建一个html,点击<body></body>中间,先填入表格内容;

2、内容根据需求来写即可,示例代码如下:

<table>

<p style="text-align:center ">功课表</p>

<tr>

<th>语文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>数学</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>英文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

</table>

3、然后在<head></head>中间输入样式表的样式;

4、样式也根据个人的需求来设置即可,设置单元格的宽度高度,合并单元格,位置,颜色等等,示例代码如下:

<style type="text/css">

body

{

width:340px;

height :800px;

}

table

{

border-collapse :collapse ;

}

th,td

{

width:100px;

height:40px;

border :1px solid black;

font-size:12px;

text-align :center;

}     

</style>

5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框,将相邻变合并。

6、预览结果如下所示,一个简单的表格就制作出来了。

文件名为temperature-conversionhtml的代码如下

<!DOCTYPE html>

<html>

<head>

<h1 style="color:red;font-size:32px;">Temperature Conversions</h1>

<br/>

</head>

<body>

Author: CHEN Da Wen<br/>

Student ID: 123456789d<br/>

<br/>

<b>Use this form to convert celsius temperatures to fahrenheit:</b><br/>

<br/>

<table>

<form name="converter" action="temperature-converterphp" method="post">

<tr><td>Starting temperature(Celsius):</td>

<td><input type="text" name="start" value=""/></td></tr>

<tr><td>Ending temperature(Celsius):</td>

<td><input type="text" name="end" value=""/></td></tr>

<tr><td>Increment value:</td>

<td><input style="width:100px;" type="text" name="increment" value=""/></td></tr>

<tr><td colspan=2>&nbsp;</td></tr>

<tr><td colspan=2><input type="button" name="conversion" value="Display Conversion Table" onclick="convertersubmit();"/>

<input type="button" name="clear" value="Clear" onclick="converterreset();"/></td></tr>

</form>

</table>

</body>

</html>

网页背景音乐的HTML代码有三种,分别用<bgsound></bgsound>、<embed></embed>和<audio></audio>标签。

由于<bgsound>的特性是非标准的,所以请尽量不要在生产环境中使用它。下面对三者的参数进行介绍:

1、<bgsound>:

<bgsound>是IE浏览器中设置网页背景音乐的元素。

<bgsound src="sound1mid">

<bgsound src="sound2au" loop="infinite"

balance

该属性取值在-10,000到+10,000,它决定扬声器之间的音量如何分配。

loop

该属性表明音频被播放的次数,是一个数值或者关键字infinite。

2、<EMBED>:

<embed> 标签定义嵌入的内容,比如插件,插入音频和视频方式。

<EMBED src="yourmid"autostart="true" loop="true" hidden="true"> 

heightpixels设置嵌入内容的高度。

srcurl嵌入内容的 URL。

typetype定义嵌入内容的类型。

widthpixels设置嵌入内容的宽度。

3、<audio>:

<audio> 标签定义声音,比如音乐或其他音频流。

<audio src="someaudiowav">您的浏览器不支持 audio 标签。</audio>

扩展资料:

html特效代码大全:

1)贴图:<img src="地址">

2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

-bgsound 

-embed

如何看HTML的源代码

需要准备的材料分别有:电脑、chrome浏览器、html编辑器。1、首先,使用chrome浏览器进入到相关网页,例如:zhidaobaiducom。2、在网页空白...
点击下载
热门文章
    确认删除?
    回到顶部