美文网首页
Html入门

Html入门

作者: 往事一块六毛八 | 来源:发表于2016-11-24 23:01 被阅读12次

Html相关的介绍跟说明

sublime 的用法
新建文件,html:x+tab(ctrl+e)

1.html
1.什么是html HyperText Markup Language 超文本标记语言。
2.html是最基础的网页语言。
3.html都是由标签组成。
4.html的基本格式

            <html>
                <head>
                    放置一些属性信息,辅助信息。
                    引入一些外部的文件。(css,javascript)
                    它里面的内容会先加载。
                </head>
                <body>
                    存放真正的数据。
                </body>
            </html>

5.html注意事项
1)多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。
2)想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。
3)属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。

标签

1:排版标签

<1>分类

&nbsp;空格
1)换行 <br/>
2) <p> </p> 段落标签 在开始和结束的位置上会留一个空行。
                属性:align= 对齐方式  
3)<hr /> 一条水平线
        属性:  1)宽度:width 值像素 100px  可以写百分比 30%
                2)align= 对齐方式  
                3)size 粗细
                4)color 值 red green blue  RGB 三原色 (red green blue #aa55ff)      
4)div  声明一块区域  <div>数据</div>  css+div 
5)span 声明一块区域

<2>代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>排版标签</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

  </head>
  
  <body>
    这是一首古诗。
    <hr width="300px" size="20px;" color="red"/>
    <p align="center">
      静夜思<br/>
     床前明月光,<br/>
     疑是地上霜。<br/>
     举头望明月,<br/>
     低头思故乡。<br/>
     </p>
     一首非常出名的古诗。
     
     <hr/>
     <div>这是div区域1</div>
     <div>这是div区域1</div>
     <span>这是span的区域1</span>
     <span>这是span的区域2</span>
  </body>


</html>

<3>注意span标签跟div标签的区别


div和css.png

相关文章

网友评论

      本文标题:Html入门

      本文链接:https://www.haomeiwen.com/subject/fxplpttx.html