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>
不会排序而已。
因为是第一次尝试,所以今天就先到这里了,博客还有很多东西需要构建,希望大家喜欢!💗💗