html入门

HTML:Hyper Text Markup Language 超文本标记语言

标记:也称为标签,是一对由大于小于号包含起来的文本数据,如
标记特点:开始标记、结束标记;在开始标记和结束标记中间的内容~就是被选中内容
常见标记:
网页文档中第一行内容:标记当前文档是一个网页文档[特殊]
网页内容的标记,网页中所有的内容都要包含在这一对标记中
网页属性的标记,如网页标题、编码等等
网页标题标签,展示在浏览器标题栏/选项卡上
网页展示内容的标记,网页上要展示的所有内容,全部包含在这对标签中

一级标题标签,选择中的内容字体会变大加粗
一般网页中体用了h1~h6六级标题,常规情况下,使用1-3三级标记

段落标签,表示一段文字,不同的段落之间会空白一行
注释内容也不会被展示在页面上

常见标签

h1~h6 : 一级标题六级标题,一般较常用的是13级标题标签
  :一个空格
p:段落标签,标记一段文本内容为一个段落,不同的段落之间空一行
hr: 分割线,很少使用
br: 换行,使用较多
b:加粗 等价于
i:斜体 等价于
u:下划线
del:删除线
span:局部内容选择标签
img:设置展示图片的标签,src指向的是要展示的图片[相对路径];alt图片损坏时展示的文字
audio:音频标签
video:视频标签

常见表格操作

table:表格标签
thead:标题栏
tr:行 th 标题标签
tbody: 表格主体
tr:行 td 单元格
快速生成表格
table>tr* 6>td{内容}*12
设置每个表格的长宽


设置表格框的宽度

设置表格居中,靠左,靠右

跨2行 跨3列
例子:


html入门_第1张图片
image.png

跨3列 需要在同一行删除2个小表格
跨3列之后再跨2行 需要在第二列删除3个小表格

超链接

链接外部网络

网页名称
例子:
百度一下


html入门_第2张图片
image.png

发邮件

给谁发送
例子
站长发邮件


image.png

你可能感兴趣的:(html入门)