html的基础知识以及常用标签

1.开发网页的三种技术

Html 负责网页的结构

Css 站在美学的角度进行美化

JavaScript 站在用户体验的角度设计网页的交互效果

2. Html

2.1 html是什么?

超文本标记语言(HyperText Markup Language)

文本:txt 文本  
超文本 :文本 、图片、链接、音乐、程序

标记:标签 <html> 
标签可分为:单标签和双标签  比如<meta>和<html></html>

html当中,不存在编程语言的语法,而是充斥着各式各样的标签。

html运行环境:浏览器 
浏览器是用来打开网页的。

在浏览器中我们见到的所有的网页本质上都是一个文本,而这文本又称之为 html。



w3c  ---  万维网  兼容性处理  


html 不是一门编程语言,只是一门标记语言,类似于工具一样的东西。

htm  -->  比较老的教科书里面 文件的后缀htm
html -->  html

htm文件不完整的支持html5的语法

2.2 html5文档结构说明

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>  </title>	
</head>

<body>

</body>
</html>
html5文档声明头 ,想要完整的使用html5语法,必须使用

文档声明头,声明当前文件是html5文件

双标签 定义html文档内容的结构 所有的html文档的内容 都需要写在这对标签内部。 <head></head> 头部 通常情况下,里面写的内容是对于当前网页的一些 预定义信息设置。 <body></body> 身体 网页 里面要显示给用户看的内容,全部写在body里面

2.3 网页预定义信息

设定当前网页的编码格式
meta标签是一个单标签,通过charset 属性,将其属性值设置为需要
的编码,即可为当前的网页设置编码格式。

seo优化 百度会对收录的所有的网站有一个评分系统
评分越高,越靠前。

<title>网页标题</title> 通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码 引入外部的css文件 引入外部的js脚本文件,需要注意的
是,两个script标签中间不能存在任何内容换行都不可以

2.4 常用标签

<hr>换行分割线
<br>换行
<h1>-<h6>多级标题
<!---->注释

1. base 标签

网页中所有连接的基础链接,base标签里面的链接会影响页面中的所有的链接,除非链接设置了协议。

2. form 表单

作用:登陆或者注册、上传....

输入用户名 和 密码

2.1 form标签中常用的属性

action 属性 设置将表单中的数据提交给谁
如果action的属性值为空,那么当你点击提交的时候数据就提交到了当前的网页中

method 属性 方法 设置提交给后台的方法 get / post

当method属性值为get的时候,数据被通过url(统一资源定位符)传递到后台当中

当属性值为post的时候,传输数据通过服务器来传输。

当method属性值为空的时候,默认属性值为get。

2.2 form表单组成之一 input

<input type="text" name="user">

type 类型

text 文本类型  
password  密码
submit 提交
file 文件 
hidden  隐藏
radio  单选
checkbox 多选
image 看似是图片,但其实是一个提交按钮
reset 重置 

在html中,一些语义不是太明显的标签我们可以用来做挂件。

html常用标签归纳如下:(ctrl加+放大图片)

posted @ 2017-06-25 17:34  王云宗  阅读(290)  评论(0)    收藏  举报