HTML的一点点基础

最新推荐文章于 2024-07-01 11:31:42 发布

超自信孙悟空

最新推荐文章于 2024-07-01 11:31:42 发布

阅读量198

点赞数

文章标签： html

本文链接：https://blog.csdn.net/DARKERSD/article/details/104460850

版权

我现在才发现之前夸下的真的是海口，什么一天一篇，像我这样就无法实现，每天更新那么一点，还不够大家伙看了。所以看心情更吧，分模块给你们讲，都说自己学学不会，跟别人讲自己就能理解了，那我就先拿html开刀了

*下面进入正题

要想入行前端，不知道HTML可是不行滴，小弟我也就仅我目前了解的给大家讲讲
HTML，全称是Hyper Text Markup Language(超文本标记语言），严格意义上来说，这家伙甚至都不能称得上是编程语言，前端三大块：HTML,CSS,Javascript。看见了吗？第一个就是HTML，这是一门描述性语言，有很多标签，至于另外两大块，慢慢来啊，别急。HTML是描述网页的结构，比如说搭房子，它说的就是结构是什么，这里应该放什么，那里应该放什么，所以说他的重要性还是首屈一指的呢。
我用的软件是Hbuilder X ，是Hbuilder的plus版，这个名字可以看出就是专门为HTML设计的，H的建造者，当然也有很多种理解。
HTML标签
一个html文件是有许多标签组成的，其中标签又有很多属性，但是总的来说，可分为下面的结构：

文档声明：<! DOCTYPE html>
html标签对：< html> </ html>
head标签对：< head> </ head>
body标签对：< body> < /body>

从翻译上就可以看出具体的意思，head是头的意思，body是身体的意思。
而head标签内有六种标签：

title标签
meta标签
link标签
style标签
script标签
base标签
详细介绍我就不介绍了，非常简单但是又很重要，我现在又复习了一遍。
body标签也很重要，几乎所有的主干都是在这个标签内的，毕竟身体是革命的本钱啊。
HTML注释，良好的代码肯定带有注释，要不然回过头来你自己都不知道自己写的是什么玩意，注释的代码是
HTML文本
标题标签
段落标签
换行标签
文本标签
水平线标签
特殊符号
同样，不再解释，我这样是不是有点不道德哈哈
列表
列表分为
有序列表
无序列表
定义列表
表格
表格一般由以下几个标签组成，但是也有其他的标签，用一句话来说就是包括但不限于
表格：table标签
行：hr标签
单元格：td标签
超链接
超链接就是你点一下就进去了，跳转到其他的页面，我们用的是a标签来实现
表单
表单就是我们日常使用的网站里边一个框框

表单可以分为以下几种：
单行文本框
密码文本框
单选框
复选框
按钮
文件上传
多行文本框
下拉列表
下面直接来个我做的表单吧

然后这是代码，我这代码写的感觉不好，但是也不知道哪里不好

<! DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title></title>
	</head>
	<body>
	<form method="post">
		昵称:<input type="text" /><br />
		密码:<input type="text" /><br />
		邮箱:<input type="text" />
		<select size="1">
			<option selected>qq.com</option>
			<option>163.com</option>
			<option>Gmail.com</option>
		</select>
		<br />
		性别:
		<input type="radio" name="gender" value="男" checked />男
		<input type="radio" name="gender" value="女" />女 <br />
		爱好:
		<input type="checkbox" name="hobby" value="旅游"/>旅游
		<input type="checkbox" name="hobby" value="摄影"/>摄影
		<input type="checkbox" name="hobby" value="运动"/>运动<br />
		个人简介:<br/>
		<textarea rows="5" cols="20"></textarea><br/>
		<h3>上传个人照片</h3><br/>
		<input type="file"/><br/>
		<hr/><br/>
		<input type="button" value="立即注册"/>
	</form>
	</body>
</html>

其实到这都没啥了，再见，下次再来，欢迎喷我哈哈

超自信孙悟空

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML的一点点基础

我现在才发现之前夸下的真的是海口，什么一天一篇，像我这样就无法实现，每天更新那么一点，还不够大家伙看了。所以看心情更吧，分模块给你们讲，都说自己学学不会，跟别人讲自己就能理解了，那我就先拿html开刀了*下面进入正题要想入行前端，不知道HTML可是不行滴，小弟我也就仅我目前了解的给大家讲讲HTML，全称是Hyper Text Markup Language(超文本标记语言），严格意义上来说，...
复制链接

扫一扫