日常笔记之HTML入门

HTML的基础知识


1.八个基础单词:

html    标记标

head   头部

body   身体

title     标题

img     图片

href      网址

target   目标 

blank    空白


2.声明网页结构

<html>
    <head>
        <title>网页的标题</title>
    </head>
    <body>
            内容
    </body>
</html>

3.基本标签

1.标题标签(6个级别):<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>

2.段落标签 :<p></p>

3.超链接标签: <a href="网址" target="_blank">内容</a>

4.图片标签:<img src="图片的地址" />

5.强制换行标签:<br />


4.表单

作用:获取用户的输入

1.   必须用form标签包着    <form></form>

2.   元素    <input type="类型" value="初始值"/>

    文本框  <input type="text" value="初始值"/>

    密码框  <input type="password" />

    提交框  <input type="submit" value="初始值"/>

    重置框  <input type="reset" value="初始值"/>

服务器地址?  

       放在form标签的action属性里面   <form action="服务器地址"></form>

对应的名字?

       元素的name属性里面   <imput type="" value="" name="名字"/>

3.   网页分块标签

   <div align="right"></div>

   <div align="center"></div>

   <div align="left"></div>

4.   样式

      样式语法    样式名:值;

写样式的时候就要先写style属性,样式是放在style属性里面的

     <p style="样式名:值;样式名:值;...;"></p>

     <a href="" target="" style="样式名:值;样式名:值;...;"></a>

     <img src="" style="样式名:值;样式名:值;...;" />

    样式的效果:

       字体大小     font-size:值;

       字体颜色     color:值;

       宽度             width:值;

       高度             height:值;

       间距             margin-方向:值;      方向:上 top   下 bottom   左 left   右right

       背景颜色      background-color:值;

       边框             border:颜色 粗细 形状;      solid 实线     dashed 虚线

猜你喜欢

转载自blog.csdn.net/chen97_08/article/details/81283374