1.html基本使用方法)

标签大全参考(需要什么取什么):HTML 标签参考手册

基础结构

meta中的charset用于设置编码

meta主要用于网站的SEO搜索引擎爬取, 文章请参考:网站SEO优化

<!doctype html>
<html lang="en-US">
  <head>
      <!--head区域用于写网页脚本,用户不可见-->
    <meta charset="utf-8" />
    <meta name="viewport" content="便于SEO爬虫文本" />
    <title>网页标题</title>
  </head>
  <body>
    <p>body内部用于写用户可见视图区域</p>
  </body>
</html>

页面标签结构

页面结构主要用于整个页面的规范分区

header 标签头部区域内容
footer 标记尾部区域内容
section 整个页面中的独立区域内容
article 独立的文章内容
aside 相关内容区域 例如侧边栏区域
nav 导航,等辅助区域

iframe标签

iframe可以 选择一片区域 将一个网页 显示在当前区域中,例如将百度显示在300*600的区域里:

<iframe src="https://www.baidu.com/" name="baidu" width="300px" height="600px"></iframe>

效果:

表单提交form

form表单专用于向服务器提交用于输入的数据

他的特点是:安全低,效率高,仅支持post和get请求

<form name=”form” method="post" action="#">
	<input type="submit" name="submit" value="提交">
     <span>提交</span>
</form>
from常用表单属性 解释
name 表单名称
method 请求方式(post/get)
action 地址
内部标签的属性 解释
type input的样式,与请求无关
value 是input的显示文本, 与请求无关
name 请求的参数名称,如这个请求中的wb , wb等于的内容则是用户输入的数据:
http://baidu.com?wb=内容

最后用 按钮类控件, 即可提交访问

 

 更多待补充.......

 

 修改日志:

1.0.0     2023-10-09  17:49:17

  • 基础结构
  • 标签大全参考
  • 页面标签结构
  • 表单提交form
  •  iframe标签
posted @ 2023-10-09 17:52  哲_心  阅读(31)  评论(0编辑  收藏  举报