HTML 01day

目录

什么是html

结构标签

基础标签

---

什么是html

HTML全称Hyper Text Markup Language, 翻译成中文就是 超文本标记语言，是一种最基础的网页开发语言, 需要注意的是HTML并不是编程语言, 而是一种标记语言。

结构标签

html:根标签

head：文档的头部

title：文档的标题

body：文档的主题

基础标签

1.标题标签：h1-h6

其中h1-h6数字越大，展示的字体越小

 

2.段落标签：p

p标签占整行

图片标签 :img

①src   图片路径：绝对路径： D:/abc/x/y.jpg
相对路径：./x.jpg   同级
                   ../x.jpg  上一级
②alt  替换图片的文本(图片加载失败时)
③title 鼠标悬停提示的内容
④width/height   图片的宽高

3.链接标签：a

①href:跳转指定目标

②target:

blank新窗口打开

self当前页面打开

title：鼠标悬停提示的内容

4.锚点定位<a href="#id名"></a>

5.列表

ul>li  无序列表，块元素，占整行
️ol>li 有序列表，块元素，占整行
️ dl>dt+dd 定义列表 ，块元素，占整行
️  b / strong  加粗
️i / em  倾斜
hr  水平线  属性： 宽度width  颜色 color

6.换行标签：br

7.表格标签：

table:表格

tr:行

td:列

th:表头

colspan="n":所跨列；

rowspan="n"所跨行

8.表单标签

<form action=""  method="get/post">

action:表单数据提交的指定地址

method:提交方式(get:会将提交数据显示在地址栏

post:会将提交数据显示在地址栏)

input 输入框

表单属性

type – 指定输入框的属性
name – 定义元素名, 用于后端接收数据
value – 设置输入框的值
checked – 首次加载时选中