HTML基本使用

HTML基础结构与属性
超文本标记语言,标准通用标记语言下的一个应用。是网页制作必备的编程语言

HTML:超文本 标记 语言
超文本:文本内容 + 非文本内容(图片,视频,音频等)
标记: 也叫做标签 <单词> 例如:

,

写法分成两种
单标签
双标签

标签是可以上下排列的,也可以组合嵌套
标签的属性:
来修饰标签的,设置当前标签的一些功能<标签 属性=“值” 属性=“值”>
语言:编程语言

HTML的初始代码

文档声明:告诉浏览器这是一个html文件 html文件的最外层标签:包裹着所有html标签代码 lang="en"表示是一个英文网站 元信息:是编写网页中的一些赋值信息 Title 设置网页的标题 显示网页内容的区域 每个.html文件都有的代码叫做初始代码,要符合html文件的规范写法

HTML注释
写法: 在浏览器当中看不到,只能在代码中看到注释的内容
意义:
1.把暂时不用的代码注释起来,方便以后使用
2.对开发人员进行提示

HTML语义化
所谓HTML语义化指的是,根据网页中内容的结构,选择合适的HTML标签进行编写。
好处:
1.在没有css的情况下,页面也能呈现出很好的内容结构
2.有利于seo,让搜索引擎爬虫更好地理解网页
3.方便其他设备解析
4.便于团队开发

HTML标题与段落
h标签: 在一个网页当中,h1标题最重要,并且一个.html文件只能出现一次h1标签。
p标签: 段落

HTML文本修饰标签
strong标签:将内容加粗
em标签:将内容斜体
sup标签:上标文本
sub标签:下标文本
del标签:删除文本
ins标签:插入文本

HTML图片标签与图片属性
img标签:
src:引入图片的地址
alt:当图片出现问题的时候,可以显示一段友好的文字信息
title:提示信息
width,height:图片大小

HTML跳转连接
a标签: 访问百度
href属性:连接地址
target属性:可以改变连接打开的方式
base标签: 在head标签下添加
单标签,作用就是改变a标签的行为

HTML跳转锚点
本页内容的索引内容的跳转
两种做法:
1.#号 + id属性
HTML

HTML超文本标记语言


2.#号 + name属性
HTML
HTML
<h2 HTML超文本标记语言

HTML无序列表
ul,li之前是不允许有其他标签
ul,li标签:列表的最外层容器,列表项
type属性

HTML表格标签:
table标签:表格表示
tr标签:
th标签:表头
td标签:内容
caption标签:主体
属性:
border:表格边框
cellpadding:单元格内的空间
cellspacing:单元格之间的空间
rowspan:合并行
colspan:合并列
align:左右对齐方式
valign:上下对齐方式

HTML表单标签
:表单的最外层容器
属性
action:调用接口行为
:用于搜集用户的输入信息,根据不同的type属性值,展示不同的控件
属性
text:普通的文本输入框
password:密码输入框
checkbox:复选框
radio:单选框
file:上传文件
submit:提交按钮
reset:重置按钮
placeHolder:提示信息
:多行文本框
下拉选择菜单 搭配标签:选项内容

HTML div和span

区域划分
文本修饰

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值