HTML学习总结

最新推荐文章于 2022-11-01 16:21:33 发布

m0_54111435

最新推荐文章于 2022-11-01 16:21:33 发布

阅读量108

点赞数

本文链接：https://blog.csdn.net/m0_54111435/article/details/118069074

版权

通过一段时间的对web的学习，学到了一些html的知识，在此做一个总结。

我使用的开发工具是VScode。

建立一个网页首先建立HTML文件，HTML是超文本标记语言。对一个网页来说，HTML就是它的墙，CSS则是油漆和房子的装饰，JavaScript则是房子的开关等，让人改变房子的状态即与页面进行互动。

HTML文档整体包裹与<html>元素里，然后里面大致分为<head>和<body>元素，<head>包括一些声明和样式表，<body>包括页面内容。

元素是HTML里的重要概念，为<p>内容</p>这种形式，一般为开始标签、内容、结束标签。

元素常带有属性，可有多个属性，属性在开始标签里，如<input type="text">这种形式，“ type="text" ”则为属性，为名称="值对"，属性与属性用“，”隔开。

常用元素超链接 <a href=“URL”>内容</a>，是连接其他网站的重要元素。

常用属性class .id,id可以瞄点使用，长距离跳转等等；class可以统一处理样式。

图片格式<img src="图片路径">

表单用来获取一些信息，可以让用户填写，代码如：

<form> 
  用户名：<br>
  <input type="text" name="name" placeholder="请输入用户名"><br>
  密码：<br>
  <input type="password" name="password" placeholder="请输入密码"><br>
  年龄：<br>
  <input type="number" name="age" min="0" value="0"><br>
  性别：<br>
  <input type="radio" name="gender" value="male" checked> 男<br>
  <input type="radio" name="gender" value="female"> 女<br>
  <input type="radio" name="gender" value="other"> 其它<br>
  <input type="submit" value="提 交">
  <input type="reset" value="重 置">
</form>

区块元素在网页中会将其内容包含在一个板块中区块外的内容将会以新的一行进行，该元素如<h1>, <pre>, <ul>, <table>，<div> 等。

内联元素在网页中总会挨个显示，与区块相反，该元素如span>, <input>, <td>, <a>, <img>等。