博客列表 >前端之html基础

前端之html基础

Banhave
Banhave原创
2019年12月19日 23:44:42552浏览

HTML基础

  • 其实真的没想到PHP中文网讲的这么细致,嗯~细致到了html基础。身为前端一枚其实可以理解,毕竟前端越来越重要,工作也逐渐倾向于前端,而且在有了nodejs之后前端的重要性不言而喻。但是PHP还是最为后端最热门的语言,所以系统化学习一遍没有坏处。毋庸置疑想学好后端是必须了解前端的基本工作内容。2020年,加油!

知识点

讲述了html结构

  1. <!-- 此为html5声明标准 以下所有代码纯手敲,手里没有纸笔,望老师谅解。 -->
  2. <!doctype html>
  3. <!-- 主语言简体中文 -->
  4. <html lang="zh-Hans">
  5. <head>
  6. <meta charset="utf-8">
  7. <title>html结构</title>
  8. </head>
  9. <body>
  10. <!-- 内容 -->
  11. </body>
  12. </html>

讲述了语义化标签 包括不限于一下几种:

  1. 头部标签<header></header> 等同于<div class="header"></div>
  2. 导航标签<nav></nav> 等同于.nav
  3. 内容/主体标签<main></main> 等同于.main/.content/.container
  4. 文章/内容标签<article></article> 等同于.article
  5. 旁白/侧边标签<aside></aside> 等同于.aside
  6. 段落标签<section></section> 等同于.section
  7. 底部标签<footer></footer> 等同于.footer
  8. ...

常用表单 包括但不限于以下内容
```html

<form action="reg.php" method="post">
<label for="user">账号:</label><input type="text" id="user" name="username" /><br />
<label for="pass">密码:</label><input type="password" id="pass" name="password" /><br />
<label for="sex">性别:</label>
<select id="sex">
<option value="male">男性</option>
<option value="female">女性</option>
</select>
<br />
<label for="date">出生日期:</label><input type="date" name="date" value="" /><br />
<label for="msg">个人名言:</label><textarea rows="5" cols="60">

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议