0
点赞
收藏
分享

微信扫一扫

html入门

雅典娜的棒槌 2022-01-08 阅读 85
html

Html

 

html是一门超文本标记语言,这门语言主要学习标签的使用和标签对应的属性。有单标签<br/>  双标签<html></html>。属性 :color="red"。html和其他编程语言不同,html不区分大小写字母。

html的基本结构:

所以内容都包含在html里面。html中有<head></head>和<body></body>

head可以理解为头部,该标题内<title></title>可以设置网页的题目

body可以理解为身体,该标题内网页的所有内容都在此标签内例:p,table,tr,td,ul,li,hr......

常用标签

标题h1,.....h6,h1是最大的h6最小h7,h8也都和h6一样。

size可以控制字的大小取值:1-7,1最小,7最大。和标题h正好相反。

段落标签:<p>内容</p>可以让句子自行对齐。

加粗 b,斜体 i ,下划线 u。

属性:属性名称=属性值 align="center",很多属性是通用的,比如align设置对齐方式,常见有三种:center,left,right。

特殊符号:  &nbsp; 空格 &lt; 小于号 &gt; 大于号,&copy; 版权号

如果要插入图片先确认图片的格式jpg,png,jepg,gif

使用标签<img scr="images/11.jpg" width="200px" height="200px"/>

连接:a

  <a href="demo01.html" target= "_blank">跳转demo01</a>

无序列表:ul

 <ul type="square">
        <li>西游记</li>
        <li>三国演义</li>
        <li>水浒传</li>
        <li>红楼梦</li>
    </ul>

有序列表:ol

 <ol type="A" start="5">
        <li>西施</li>
        <li>貂蝉</li>
        <li>杨玉环</li>
        <li>王昭君</li>
    </ol>

表格:table->tr>td

 <table border="1" width="300px" hegith="180px" align="center">
        <caption>学生登录表</caption>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr align="center">
            <td>1001</td>
            <td>张三</td>
            <td align="right">22</td>
        </tr>
        <tr align="center">
            <td>1002</td>
            <td>李四</td>
            <td align="right">22</td>
        </tr>
    </table>

举报

相关推荐

HTML入门

HTML极速入门

前端之HTML入门

HTML入门笔记2

HTML&&CSS(入门)

0 条评论