HTML基础结构与属性
超文本标记语言,标准通用标记语言下的一个应用。是网页制作必备的编程语言
HTML:超文本 标记 语言
超文本:文本内容 + 非文本内容(图片,视频,音频等)
标记: 也叫做标签 <单词> 例如:
HTML的初始代码
文档声明:告诉浏览器这是一个html文件 html文件的最外层标签:包裹着所有html标签代码 lang="en"表示是一个英文网站 元信息:是编写网页中的一些赋值信息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
文本修饰