HTML
HTML概述
HTML指的是超文本标记语言
超文本:是指页面内可以包含图片、链接、声音、视频等内容
用HTML语言把我们需要显示的内容显示在浏览器上,但是HTML语言本身不显示
web浏览器根据不同的HTML标签,解析成我们看到的网易
HTML基本语法
声明
html5的文档声明
<!DOCTYPE html>
Head标签
Head标签包含了所有的头部标签
头部区域的标签标签为: <title>, <style>, <meta>, <link>, <script>, <base>.
<title>标签可定义网页的标题
<meta> 标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词
<meta> 标签位于文档的头部 <meta charset="utf-8" />
HTML注释
<!--注释内容-->
标签
HTML中的标记指的就是标签。
HTML使用标记标签来描述网页。
结构:
<标签名>标签内容</标签名> 闭合标签(有标签内容)
<标签名/> 自闭合标签 (无标签内容)
标签属性
标签属性:标签可以拥有属性。属性进一步说明了该标签的显示或使用
1.属性的格式 :属性名 = “属性值“
-
属性的位置:
<标签名 属性名 = “属性值“ >xxx</标签名>
-
添加多个属性:
<标签名 属性名 = “属性值“ 属性名 = “属性值“ >xxx </标签名>
基本常用标●
标题标签<h1></h1>…..<h6></h6>
段落标签
<p></p>
换行标签
列表
无序列表<ul><li></li></ul>
有序列表<ol><li></li></ol>
超链接<a></a>
图像标签<img/>
<a>超链接
a标签:HTML使用超级链接与网络上的另一个文档先练,通俗的说就是通过连接来访问其他网页资源
表格
表格的基本构成标签
table标签:表格标签
tr标签:表格中的行
th标签:表格的表头
td标签:表格单元格
表格的基本结构
定义表格 定义表行
定义表头 |
---|
定义单元格 |
表单
form标签:表单
网页表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终提交表单,把客户端数据提交至服务器.
文本输入框
<input type=“text name=“username” value=“张三” readonly=“
readonly”placeholder=“请输入” disabled=“disabled”>
密码框
<input type=“password ” value=“ 123456 ” />
单选按钮
<input type="radio" value="男" checked="checked“/>
复选框
<input type=“checkbox” name="cb2“ value="talk“/>
注意:单选框通过name属性来分组,name相同是一组才可实现单选。
单选和复选不能输入内容,所以必须指定value的值