JavaWeb的第一天学习记录

基本标签

<meta charset="UTF-8">

设置字符集为 UTF-8

<title>Title</title>

设置顶部标签页文字 

<hn>标题</hn>

多级标题

<p>段落一</p>

段落

<br/> 

换行符

<b

加粗字体

<i

斜体 

<b><i>加粗斜体</i></b> 

加粗斜体

 <ul>

无序列表

 <ol type="i">

有序列表

<a href="http://baidu.com" target="_blank">点击跳转至百度</a>

<a href="http://taobao.com" target="_self">点击跳转至淘宝</a>

超链接，点击跳转 

target="_self" 表示在当前标签页面打开

target="_blank" 表示在新标签页打开

 

 <img src="../03_img/santi.jpg" width="130" height="100">

图片

src 表示图片所在的路径

width 表示图片宽度 

height 表示图片高度

高度和宽度，仅设置一个时，另一个属性会自适应

<div 

块标签

也叫盒子

一个页面会分成很多个块,每个块进行单独编辑

<span style="color: red">hello</span>

 没有任何效果的标签

一般用于其他标签组合使用

&nbsp 

空格

&lt

小于

&gt

大于

&copy

商标

<link rel="stylesheet" href="style.css">

引入外部文件

CSS

.p00{
    color: blue; //颜色
    font-size: 40px; //字体大小
}

<style>
        /*p{
            color: red;
            font-size: 40px;
        }*/
        /*#p01{
            color: red;
            font-size: 40px;
        }*/
        /*.p00{
            color: blue;
            font-size: 40px;
        }*/
    </style>

<p id="p01" class="p00">- CSS样式由选择器和声明组成，而声明又由属性和值组成。</p>
<p id="p02" class="p00">- 属性和值之间用冒号隔开。</p>
<p>- 多条声明之间用分号隔开。</p>
<b>- 使用/* ... */声明注释</b>