HTML基础概念

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.属性的格式 :属性名 = “属性值“

  1. 属性的位置:

<标签名 属性名 = “属性值“ >xxx</标签名>

  1. 添加多个属性:

<标签名 属性名 = “属性值“ 属性名 = “属性值“ >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的值

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值