如何把笔记做成html 文件,HTML笔记

1、html超文本标记语言

1. 是标记语言，告诉浏览器如何解析html文件

2. 超文本与普通文本的区别

普通的文本：

纯字符

超文本：

图片、链接、音视频...

3. 浏览器会按照从上往下的顺序解析文件

4. 对于语法错误不会打印出来

5. 可以使用.html和.htm作为文件后缀

8、元素属性1) 核心属性

id 唯一标识

title 标题提示

style 样式

class 类名

2) 特有属性

img src 加载的图片的地址

alt 图片无法加载时的文本提示

a href 访问的链接

target 设置打方式

_self 在当前选项卡打开链接

_blank 新建选项卡打开链接

9、html语法1) 在css中的注释 /* 注释 */

在html中的注释

2) 空格  

3) 在文档中无论出现多少个空白或者换行，浏览器都解析为一个空白

2.块级元素和行内元素块级元素

div、h1~h5、p、html、body

1) 独占一行空间，不与其他元素共享空间

2) 宽度默认是100%，也就是占满整个屏幕，高度由内容撑开

3) 可以设置宽高

行内元素

span、i、bold、img、a、strong

1) 可以与其他元素共享一行空间

2) 宽度由内容决定

3) 默认情况下不可以设置宽高

(给行内元素设置宽高--先将行内元素设置为块级元素或者是行内块元素，再设置宽高)

如何转换块级元素和行内元素?块转行：

display：inline；

行转块：

display：block；

将元素转换为行级，保留块级特征(宽，高)

display：inline-block；

5、表格table

属性:border、bgcolor、cellspacing、cellpadding、width

thead

tr th

tbody

tr td

合并单元格

跨行合并 rowspan

跨列合并 colspan

6、表单form

作用：用于数据的交互

action 访问接口的地址

method 表单提交的方式

post get put delete

post和get方式的区别？get

1. 会将请求的数据拼接再浏览器的地址栏上

www.baidu.com?name=tom&age=12，不安全

2. 请求数据的大小有限制

post

1. 会将数据放在请求体中，比较安全

2. 对于请求数据的大小一般没有限制

表单组件input

type

text 单行文本框

password 密码框

radio 单选按钮

checkbox 复选框

reset 重置表单

submit 提交表单

file 文件按钮

上传图片、上传附件

文件服务器(图片服务器、文件服务器)

select 下拉菜单

option

textarea

button

label(取值为某一个id，可以将label与具有当前id的表单元素绑定)