1.1 html基础标签(上)

html树形结构

head标签

---

title

1. 网页的标签头

   

2. 搜索引擎收录

meta

常见的：

1. charset
2. name

logo

注释

html只有多行注释

<!--
注释内容
-->

快捷键:CTRL+ /

文本标签

有很多标签都是用不上的，绝大多数标签都是由

和转换过来

div

块状元素

<div>Hello</div>
<div>World</div>

span

行内元素

<span>Hello</span>
<span>World</span>

进入开发者模式点击

标题

p标签

div上加间距

div中的内容加上回车和空格是被忽略的

pre

和p的区别是能保留空格和回车

正常显示了，而且是等宽字体

hr

水平线

i

斜体

b

加粗，等等

图片

<img src="" alt="">

行内标签

音频

<audio
    controls
    src="/audios/bgm.mp3">
        Your browser does not support the audio element
</audio>

视频

<video controls width="800">

    <source src="/videos/video1.mp4"
            type="video/mp4">

    <source src="/videos/video2.mp4"
            type="video/mp4">

    Sorry, your browser doesn't support embedded videos.
</video>

视频音频都是不换行的

超链接

<a href="https://baidu.com">Baidu</a>

<a href="/about.html">about</a>

target=”_blank” 打开一个新页面

里面可以加任何标签

表单

一般用ajax，学完js之后，基本用js搞定

Acwing查询表单

form

<form>
    <label for="username">用户名</label>
    <input type="text" name="username" id="username">

	<button type="submit">提交</button>
</form>

列表

类似markdown列表或者说markdown类似html

无序列表

有序列表

ul换ol

嵌套