01-HTML简介及标签介绍

HTML简介及标签介绍

知识点

• HTML
• 常用标签
• 特殊符号
• 表格
• 表单

HTML是什么

超文本标记语言
Hyper(超)Text(文本)MarKup(标记)Language(语言)

怎么学HTML呢

HTML是一门标记语言，标记语言就是靠标签组成，学习HTML就是学习标签的使用

开发工具

• 编辑器：pycharm
• 浏览器：Chrome

学习内容

• 首先第一步：创建HTML文件
• 什么是标签

1、由尖括号包裹单词构成，所以
标签不可能以数字开头
2、不区分大小写，推荐小写
3、标签可以嵌套，不能交叉嵌套

• 创建完文件以后初始标签

title:标题标签
head:头部标签
body:主体标签

• 常见标签

h1-h6:文章标题
p:段落标签
strong/b:加粗
i:斜体
s:删除线

• 块状标签和内联标签(行内标签)

块状：霸道 独占一行，前后自动换
行，可以设置宽高
内联(行内)：在一行直到满了为止换行

• 列表

有序列表：ol li
无序列表：ul li
定义列表：dl dt dd

• 图片

src = 图片路径
../ 相对
直接从电脑的是绝对路径

• 超链接(a标签)

href = 跳转的路径
target 打开方式
    默认 self 在本身打开
    blank 在新的空白页面打开
    title 鼠标下方提示文本

• span

 方便加样式

• 特殊标签

&nbsp 空格
&lt 小于
&gt 大于
&emsp 字符宽

• 表格(table)

table:表格标签
thead:表格头部
tbody:表格主题
tfoot:表格脚部
tr:行
td:列
colspan:合并列
rowspan:合并行

• 表单(from)

action:提交到的路径
method:提交的方式
    get 键值对提交 默认
    会在地址栏显示安全性较差

转载于:https://www.cnblogs.com/jincieryi1120/p/10836745.html