风波庄


HTML5

本文主要讲解HTML的一些用法,各种字符串的用处我就写在他们后面了,至于为什么嘛,我懒呗(滑稽)

 

<!DOCTYPE html><!--浏览器得知自己要处理的是什么--><!--   -->是HTML的注释格式,在这个格式中写的内容在网页中完全不可见,但是在源码中是可见的,团队合作中注释是很重要的
<html lang="en"><!--文档中HTML的开始-->lang是什么意思我上次说了,就不再多说了
<head>
<meta charset="UTF-8">
<title>标题</title>tittle内填写的内容,会显示在网页的角标上(我喜欢这么说,具体你们操作一下就明白了)代表网页的标题

</head>
<body> 既然叫body,那么肯定是内容,也就是说,body内的文本和字符串的效果都会呈现在网页当中,当然,前提是你没出错

<a href="https://www.baidu.com/"> 这里面写内容,效果就是这里写的字会变成超链接</a>a标签,在HTML中可以作为一个超链接标签,或者说用作超链接的字符串
<strong><i>aaaa</strong> <!--斜体加粗-->这里是格式套格式,加粗是<strong>,斜体是<i>(老版本中斜体是<b>,粗体是<em>,现在大部分软件已经识别不出来了)
<s>bbb</s> <!--删除线-->
<table border> <!--表格-->说实话这个表格设计出来实在不敢恭维
<tr>
<th> tablehead的缩写,顾名思义,表头,写的内容会加粗

</th>

</tr>

<tr>
<td>

这里写内容,注意内容是横着的,所以建议先构思再写

</td>

</tr>
</table>

附:输入<table border="1">可以构建一个有表格线的表格,但是这个表格线很丑,真的很丑

<table boeder="1" cellspacing="">这里cellspacing的属性是用于设置表格栏与栏的距离,单位是像素(px)建议选出喜欢的距离然后记下来,毕竟像素单位生活中并不常见
有序列表:<ol>之所以叫有序列表,是因为内容前面有表示序号的单位,默认阿拉伯数字12345

<li>
这里写列表内容
</li>

<ol type="a">这里的type是可以设定列表前的序号单位,通过设置不同的序号单位可以实现大列表套小列表

<li>写列表内容</li>

<li>写列表内容</li>

</ol>
<li>写列表内容</li>
</ol>
表单:<form><input placeholder="这里输入内容"<!--不占用文本框位置,但是会显示-->></form>

<!--value:表单内填充-->

<!--maxlength:表单内可以输入的最大值-->

<!--size :文本框长度(同时会设定文本框使用的最大字符,也会拓宽单行文本框)-->

<!--readonly: 只读-->

这里的四个是可以换placeholder的,作用写在后面了你要是想一起上也没问题,

不过readonly和placehoider一块用就怪怪的了,

同时这里完整的应该是<form><input type="text"  placeholder="">当然你type=“text”不打也无所谓

<button>输入内容</button><!--创建一个按钮-->

<input type="submit" value="内容">

这两行的字符串是创建按钮的不同方式,按钮要结合PHP才会发生作用,不然也只是一个按钮图标而已,当然,如果你只想做一个超链接按钮的话,结合一下万能的a标签岂不是妙不可言?

<input type="range"<!--min 最小值--><!--max 最大值--><!--step 多少值--><!--value 起始值-->>这里是做了一个滑块,自己去试试就明明白白

<input type="range"max="1000000"min="0"step="1"value="0"><!--一个参考咯-->

<input type="password">这里输入的玩意全部不可见,就一个个小点点那种

<input type="checkbox"><!--选择框-->就是单纯的打勾的那种

<input type="number">只能写数字并且可以调节,但是目前似乎只能在chrome上成功使用

</body>
</html>

 


 

关于HTML的基本用法就先到这,当然还有后续,这些东西只是一个参考和基础,就像课本一样,你会用了不代表你就可以把网站做的称心如意,但是你不熟练掌握就更加免谈,至于如何做出自己心中的网站,我写完HTML,css,JavaScript之后可以写一些窍门,但仅供参考。

 

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注

Title - Artist
0:00