java Web第一章学习内容（HTML标签）

一.HTML标签

标题标签<h1>~<h6>

<h1>静夜思</h1>

段落    <p></p>

<p>床前明月光</p>
<p>疑是地上霜</p>

换行     <br/>

<br/>疑是地上霜</p>

水平线<hr/>

<hr/>

粗体 <strong></strong>

<p><strong>低头思故乡</strong></p>

斜体   <em></em>

<p><em>举头望明月</em></p>

图像(images)
scr=路径 alt=图片无法显示就显示文字 width=宽 height=高
<img scr="绝对路径\相对路径" alt="" width=""  height="" >

超链接
几个页面之间的跳转，热点文本或则图像跳转链接
<a href="跳转后页面的路径">热点文本/图像</a>


锚链接
跳转到同一个固定的位置
<a href="#me">点击我</a>
<a name="me">跳转到我这里来</a>
跳转到不同页面的固定位置
1.html
<a href="2.html#me">点击我</a>



功能链接
<a href="mailto:邮箱地址">发送邮箱至</a>


二.注释和特殊符号
空格                    &nbsp
大于号                 &gt
小于号                 &lt
引号                    &quot
版权符号             &copy
注释                    <!--h1标题 -->  <!--h1到此结束 -->   跟java一样

W3C标准
1.标签名称、属性名称必须大写
2.标签必须烟葛嵌套，并且必须闭合，即使空元素也要闭合
3.属性值必须引号引起来

三.视频，音频元素
视频使用video，controls代表显示播放条等信息，autoplay自动播放

<video controls autoplay>

    <source src="video/video.webm">

    <source src="video/video.mp4">

    </video>

音频使用 audio, autoplay自动播放

 <audio    autoplay>
<source src="audio/music.mp3">
<source src="audio/music.ogg">
</audio> 

四.CSS样式
1. 标签选择器-----在头部style使用，在body使用该标题将统一格式

<style>
    h1{
        font-size: 22px;
        color:red;
    }
</style>

2. 类选择器----- 在头部style使用，根据class引用该类

<style>
    .red{
        color:yellow;
    }
</style>

<p class="red"><p>

3.id选择器-----在头部style使用，唯一

<style>
    #green{
        color:green;
    }
</style>

<p id="green"><p>

样式分为（1） 内部样式表 <style></style>
                在头部地方设置相应格式，然后在body进行嵌套是同
                (2) 内联样式 <p style=""></p>
                直接在标签加入style=color:red;样式
                (3) 外部样式表
                新建一个Stylesheet页面，在里面编写样式有两张方法可以导入样式方法
                1. 在头部使用link,前面是导入XX样式，后面是目录
                <link rel="stylesheet" href="css\types.css">
                2. 通过<style></style>中加入@import"路径"
                 <style>
                   @import"css/types.css";
                </style>