魏县网站建设推广,wordpress寻模板,全站搜索,网推公司怎么收费文章目录一. HTML介绍二. 创建三. HTML结构四. 常见的标签五. 链接标签六. 图片标签七. 资源路径八. 列表标签九. 表格标签十. 表单标签十一. 表单提交一. HTML介绍
HTML: 超文本标记语言作用: 书写前端页面前端三大技术(三大标准): HTML: 结构标准 (页面中有什么内容)CSS: 样…
文章目录一. HTML介绍二. 创建三. HTML结构四. 常见的标签五. 链接标签六. 图片标签七. 资源路径八. 列表标签九. 表格标签十. 表单标签十一. 表单提交一. HTML介绍
HTML: 超文本标记语言作用: 书写前端页面前端三大技术(三大标准): HTML: 结构标准 (页面中有什么内容)CSS: 样式美化 (美化页面)Javascript (js): 行为标准, 交互效果, Jquery是JS的一个函数库
二. 创建
使用vscode, 创建带 .html 后缀的文件, 直接输入一个 ! 号, 点击回车, 即可快速生成一个 html 的基本页面
三. HTML结构
文档声明 (注释)html head 设置编码设置标题引入和书写 css 文件引入和书写 js 文件 /headbody 可以写其他 HTML 标签 /body /html
四. 常见的标签 标签的分类 双标记标签(双标签) 标签 可以书写其他内容和标签 /标签单标记标签(单标签) 标签 其他内容标签 其他内容 /标题标签
h1 标题内容 /h1
h1 到 h6 来表示段落标签
段落前后都有换行
p .... /p换行标签
br横线
hrdiv标签, 盒子标签, 没有特殊的含义, 一般用在布局, 添加div
div.....
/div五. 链接标签
默认是当前标签页打开新链接, 加 target_blank 可以在新标签页打开新链接
a href链接地址 target_blank 文字内容/a六. 图片标签
src属性: 图片的地址
alt属性: 1. 图片不能加载的时候, 显示的内容2. 读屏软件遇到图片读取的内容(例如 盲人使用的读屏软件)img src图片的地址 altxxxx七. 资源路径
相对路径, 从当前目录开始书写的路径, ./ 可以省略不写绝对路径, 从根目录开始书写的路径, Linux 和 Mac 下使用 / 表示, Windows下使用 C: D: 表示网络路径, 资源在网络中的URL地址
八. 列表标签
!-- 有序列表 ol(order list) --
ol!-- 列表中的每一项使用的标签是 li(list) --lipyhton/lilic/liligo/li
/ol
!-- 无序列表 ul(unorder list) --
ul!-- 列表中的每一项使用的标签是 li(list) --lipyhton/lilic/liligo/li
/ul九. 表格标签
表格标签: table行标签: tr tabke row表头标签: th table header表格中数据标签 td table data
十. 表单标签
表单概念: 手机用户输入的信息, 提交给web服务器input 标签属性 type 单行文本 text密码框 password单选框 redio复选框 checkbox文件 file提交按钮 submit重置输入 reset普通的按钮 button 多行文本框 textarea下拉框 select 下拉选项 option
十一. 表单提交
直接使用默认的 GET 方式提交, 会发现多了一大串, ? 后面就是提交的参数, 表单中没有设置 name 属性的标签, 默认都是on , 选择性的还需要设置value
?nameaaapassword213genderonlikeonlikeonlikeon前提 需要提交的内容标签需要设置name属性如果属性是选择性的, 还需要设置 value ,作为提交时的属性值 form 标签的属性 action 是将数据提交到指定 URL 地址, 不写的话, 默认是当前页面method 是请求的方法,默认是 GET方式, 可以手动指定为 POST
