html入门

快乐管理猴

已于 2022-10-25 17:57:20 修改

阅读量440

点赞数

分类专栏： html 文章标签： html

于 2022-01-08 17:17:34 首次发布

本文链接：https://blog.csdn.net/m0_59879385/article/details/121957662

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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。

特殊符号：   空格 < 小于号 > 大于号,© 版权号

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

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

连接：a

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

target="_top" 设置连接打开方式，其中我们常使用__blank,表示在一个新的页面打开，而不是覆盖自身

无序列表：ul

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

其中type="square"有：disc,circle,square

有序列表：ol

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

其中type取值可以为:1,A,a,i,I

start代表从几开始

表格：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>