HTML学习（一）

时间：2024-07-30 11:07:02

文本输出/超链接

　　HTML学习（一）

<!--/*
* @<h1></h1>到<h6></h6>六个h标签，分别表示不同大小的字体。h1最大，h6最小
* @<br/>只是回车
* @<p>是分段
* @<b>粗体 <i>斜体 <u>带下划线
* @<center>
* @<vr color="yellow" width="1" size="50"> 垂直分割线
* @<sub>上标 <sup>下标
* @小于号用< 大于号用>
* @超级链接:<a href="http://baidu.com" target=""_blank>XXX</a>
* target属性的一些取值(_blank在新窗口中打开;_self在自己的窗口中打开;_parent在
* 父窗口中打开;_top在*窗口中打开)
* <a href="http://www.baidu.com" target=_blank title="百度公司主页">
*       <img src="kclogb.bmp" border="0" width=500/>
* </a>
* 文本对齐属性 text-align取代了旧标签 <center> 。
*/-->
<html>
<font color="red" size="3" face="草书">
    <head>
        <style type="text/css">
            body {background-color:black;text-align:center}
            p {color:blue}
         </style>
        <title>lizhi' web</title>
    </head>
    H<sub>2</sub>O 10<sup>2</sup> <a id="sg"></a>                  <!--创建锚-->
    <body>
        Hello world1!
        <hr color="yellow" width="1" size="50" align=center>
        <p id="buttonfun">
            hello<Nationality>welcome
            今天刚学些了html编码，&lt;表示<&gt;表示>
        </p>
        <!--<a href="http://www.baidu.com" target=_blank title="百度公司主页">百度</a>-->
        <a href="http://www.baidu.com" target=_blank title="百度公司主页">
            <img src="kclogb.bmp" border="0" width=500/>
        </a>
        </br>
        helloworld!</br>
        helloworld!</br>
        helloworld!</br>
        helloworld!</br>
        helloworld!</br>
        <a href="#sg">去找百度链接</a> <!--写个链接到锚-->
     </body>
     <script>
        document.write("</br>");
        document.write("script test");
        function myFunction()
        {
            x=document.getElementById("buttonfun") // 找到元素
	        x.style.color="#ff0000";          // 改变样式
        }
     </script>
     </br>
     <button type="button" onclick="myFunction()">点我！</button>
     <noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
</html>

相关文章