Html日常学习笔记

最新推荐文章于 2024-07-31 22:37:55 发布

有梦想的咸鱼¡

最新推荐文章于 2024-07-31 22:37:55 发布

阅读量369

点赞数 1

文章标签： web html5

本文链接：https://blog.csdn.net/m0_46476745/article/details/105277750

版权

html5求学笔记1

因为是新手小白，所以做出来的只是简略的框架，对属性的描述并不详细，🙏

首先：HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
###————来源于百度百科

html的hello world!

<!DOCTYPE html>   <!--浏览器得知自己要处理的内容是HTML-->
<html lang="en"> <!--文档中HTML部分的开始-->
<head>
    <meta charset="UTF-8"> <!--UTF-8是一种万国语，一种国际编码-->
    <title>title</title> <!--这是在TITLE中控制网页的名字-->
</head>
<body> 
hello world!
</body>
</html> <!--文档中HTML部分的结束-->

在intellij idea中对于HTML的注释，整行注释就是ctrl+/ 对选中部分进行注释就是ctrl+shift+/

HTML基本元素

1> <a href=""></a>以a开头的做一个超链接，herf=后面的双引号里面放置需要的链接
2> <a href="https://www.bilibili.com/"target="_blank">点这里飞跃</a>
如果在链接后面加了一个"target="_blank"那么你点击之后就会新建一个网页，而不加这个的话就是在原网页基础上打开
3> 如果像1>一样，不加target那么就默认为是"target="_self"就是在本地基础上打开
4><b></b>这个是做一个网页内字体变粗的操作
5> <em></em>是一个做网页内字体变成斜体的操作
6> <u></u>是一个做网页内字体加下划线的操作
7> <s></s>是一个做网页内字体加删除线的操作
重叠使用的话就直接嵌套就好了
**

表格制作三大元素：table tr td

**
例：

<body>
<table>
    <tr>
        <td>admin</td>
        <td>男</td>
        <td>123</td>
    </tr>
</table>
</body>

上述例子只是一行，如果需要多行则在table里面多加几个tr。
补充：还有一个<th></th>元素，表示表头，字体显示是加粗且居中的，可以表示类别属性

还有<thead></thead>表示表头。<tbody></tbody>表示表内容。
<tfoot></tfoot>表示表脚。

另外如果要给表格加边框的话，就有如下操作：
<table border="1px">在table中加border表示边界，1px表示像素

还有就是做不规则表格，比如说在3*4的表格中，要把最中间的两个表格合并的话
先让第二行只有三列（因为其他行都有4列嘛）
然后把第二个<td>改成:<td colspan="2"></td>
因为是合并两个，所以colspan的后面的数字是2.
另外，还有合并列单元格的操作，但是一定要注意对齐，操作如下：

<table border="1px">
    <tr>
        <td rowspan="2">admin</td>
        <td>666</td>
        <td>123</td>
        <td>888</td>
    </tr>
    <tr>
        <td colspan="2">hhh</td>
        <td>123</td>
    </tr>
</table>

其余列表元素例如：<ol>有序列表——属性：type（设置样式），reversed（降序）
<ul>无序列表
<li>表示列表中的项
实例：

<ol>
    <li>厉害的人</li>
    <li>厉害的人</li>
    <li>厉害的人</li>
</ol>     <!--这个<ol>里面三个厉害的人前面自动加上1.2.3.的标签-->
<ol reversed>
    <li>厉害的人</li>
    <li>厉害的人</li>
    <li>厉害的人</li>
</ol>     <!--这个<ol>因为加了reversed属性，所以前面的标签是倒序的3.2.1.-->
另外，在<ol>里面还可以加上type；
例如：
<ol type="a">
    <li>厉害的人</li>
    <li>厉害的人</li>
    <li>厉害的人</li>
</ol>     <!--这个时候这里面厉害的人的标签就会变成a.b.c
          除此之外还有I；i；A；前面两个是罗马数字123-->
另外还有列表的嵌套操作，比如说一个大标题下面有小标题：
<ol>
    <li>厉害的人</li>
    <ol type="a">
    <li>厉害的人</li>
    <li>厉害的人</li>
    </ol>

</ol>就是在第一个厉害的人下面再次创建一个

并且增加type就可以
<ul>的创建跟 <ol>是一样的，只是 <ul>不会排序而已。

因为是第一次尝试，所以今天就先到这里了，博客还有很多东西需要构建，希望大家喜欢！💗💗

有梦想的咸鱼¡

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Html日常学习笔记

html5求学笔记1因为是新手小白，所以做出来的只是简略的框架，对属性的描述并不详细，????首先：HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。###————来源于百度百科html的hello worl...
复制链接

扫一扫