HTML要素

<head>
<style>
#id1{
background-color:#F00;
}
#id2{
background-color:#0F0;
}
</style>
<!--事件编辑的三要素
事件源input标签
编写事件监听器 写一个监听器函数
注册事件监听器 需要在input标签上面绑定一个单击点击事件-->
<script>
function changImgclick();
//获取当前Img标签对象
var img=document.getElementBYID("img1")
img.src="2.jpg";
//修改img的src属性
</script>
</head>
<title>html的文本标签</title>
<a href="#foot">跳转<font color="blue">[底部]</font></a>
<h2>JAVA基础案例教程—书上给出的定义或解决方法:</h2>
<pre>1.MyPanel类继承Panel类,重写paint()方法
2.paint()方法中首先调用Graphics的setColor()方法,上下文的颜色设置为浅灰色
3.调用fillRect()浅灰色填充矩形,再次调用setColor()方法将颜色设置为黑色,调用drawRect()设置干扰点
4.绘制验证码setFont()和setColor(),chars随机取出4个字符组成字符串
5.drawString()绘制字符串在举行区域内
6.main函数运行panel面板上的验证码
</pre>
<!--1)q标签:引用文本:效果“引用的文本”;-->
<q>对第二章内容的背景说明</q>
<!--2)滚动标签
marquee
属性:behavior:制定当前的滚动方式
常用的属性值:alternate::来回滚动
scroll:交替滚动
slide:默认滚动后停止
scrollmount:指定滚动速度
direction:滚动方向默认向左
background-color="pink":css样式的背景属性-->
<marquee behavior="scroll" bgcolor="pink" scrollmount="10">I LOVE YOU</marquee>
<!--3)原样输出标签:pre
将本身的文本的格式一一打印出来
-->
<pre>
function checkUserName(){
var div=document.getElementBYID("id属性值");
}
</pre>

<hr /><!--水平线
标签名称/:空标签-->
<!--4)上下标标签sup和sub-->
数学公式:x^2<br/>
x<sup>2</sup><br/>
化学公式:H2O<br/>
H<sub>2</sub>O<br/>

版权所有:&copy;
注册商品:&reg;
2个空格 &nbsp;
    左尖括号    &lt;
    右尖括号    &gt;
<!--5) 块标签(自动换行占一行空间)和和行内标签-->
<div id="id1">div1</div>    <div id="id2">div2</div>
<span>span1</span>
<span>span2</span2>
<!--6列表标签
无序列表
   ul   
      li:列表项--
      有序列表-->
     您喜欢的运动?
    <ul type="square">
    <li>足球</li>
    <li>篮球</li>
    <li>乒乓球</li>
    </ul>
    <hr/>
    你喜欢的明星?
    <ol>
    <li>邓超</li>
    <li>李晨</li>
    <li>王宝强</li>
    </ol>
    <a name="foot"></a>
<!--7超链接
a标签
属性:href
链接的资源文件地址/url
属性:target:
_self:当前窗口
_blank:新建窗口-->
<!--常见的协议
file:// 本地文件协议 -->
<!--图像标签
img
属性:src:链接当前图片的url地址
uri/url
uri:包含了各种网络协议
url是uri的子集
alt:图片失效显示
title:鼠标悬浮图片的文字描述
-->
<img id='img1' src="java.png" width="500px" alt="搞笑图片">
<input type="button" value="点击试试" οnclick="changImgclick()">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="1.html">超链接</a>
xxx公司2019-2050&copy;

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值