摘要:标记语言,网页制作的第一步。什么是呢查百度基础语法常用标签是超文本标记语言,不用编译,直接在浏览器中执行,是一个文本文件。长按下方二维码可关注,欢迎分享,置顶尤佳。
HTML标记语言,网页制作的第一步。
什么是HTML呢?查百度
基础语法
常用标签
HTML是超文本标记语言,HTML不用编译,直接在浏览器中执行,HTML是一个文本文件。
HTML基本结构,标签,元素,属性,注解
html head title 标题 /title /head body /body /html
标签属性格式:
标签名 属性名=“属性值” /标签名
文档类型声明:
!DOCTYPE 声明必须放在html文档第一行,不是html标签
编码文件
meta http-equiv= Content-Type content= text/html;charset=utf-8 /
标题标签,段落标签,预格式化标签,水平线
h1 /h1 p pre /pre hr/ i /i b /b ins del sub sup
无序列表:
ul li /li /ul disc 圆点 square 正方形 circle 空心圆
有序列表:
ol li /li /ol
dl /dl
结构,表现,行为
图片标签
img src= alt= /
相对路径,绝对路径
超链接标签:
a href= 内容 /a href target title name _self _blank _top _parent
定义锚:
a href= #锚名 /a a name= 锚名 /a
邮件链接:
a href= mailto:邮件地址 /a
下载:
a href= xxx.rar /a
表格的基本结构,操作表格,属性,跨行,嵌套
table table td /td /tr /table
添加标题
caption /caption
加载过长,内容过多
表格分:表头,主体,脚注
thead tbody tfoot table caption caption thead th /th /tr /thead tbody td /td /tr /tbody tfoot /tfoot /table
表格属性
width表格宽度,align对齐方式,border表格边框的宽度,Bgcolor表格背景颜色,cellpadding内容之间的空白,cellspacing单元格之间的空白,frame和rules。
跨列属性: colspan
跨行属性: rowspan
表格嵌套:
table td /td table td /td td /td /table /td /tr /table
表单结构,表单常用元素,表单交互属性
语法:文本域,单选框,复选框,按钮,列表
form /form input select option textarea optgroup input type= name= / text password file checkbox radio button submit reset hidden image name maxlength size value placeholder
input type= image name= src= imageurl / input type= hidden name= value= / 传输给服务器
下拉菜单和列表标签
select option value= /option option value= /option /select name multiple可以多选 size显示条目 option 标签属性 selected value
分组下拉菜单
select name= optgroup label= 组1 option value= /option /optgroup optgroup label= 组2 option value= /option /optgroup /select
多行文本域
textarea name= rows= cols= /textarea name placeholder rows cols
form action= method= name= /form action method name target enctype
网页结构:
body // 头部 div /div // 主体 div /div // 页脚 div /div /body div dt /dt dd /dd dd /dd /dl /div
总结:
html表单,表单应用场景,表单工作原理
input type= name= / text password file checkbox radio button submit reset hidden image form input type= text name= / /form name, maxlength, size, value, placeholder form input type= password name= / /form form input type= file name= / /form form input type= radio name= value= checked/ /form form input type= checkbox name= value= checked/ /form input type= button name= value= / type= submit type= reset input type= image name= src= imageurl / input type= hidden name= value= / html表单 input select option optgroup textarea select option value= /option /select name multiple size selected value textarea name= rows= cols= /textarea name placeholder rows cols form action= method= name= /form action method name targer enctype url get,post form_name _blank,_self,_parent,_top text/plain multipart/form-data
!DOCTYPE html html head !-- 网页头部内容 -- title 标题 /title /head body !-- 网页主体内容 -- /body /html
好了,欢迎在留言区留言,与大家分享你的经验和心得。
感谢你学习今天的内容,如果你觉得这篇文章对你有帮助的话,也欢迎把它分享给更多的朋友,感谢。
作者简介
达叔,理工男,简书作者 全栈工程师,感性理性兼备的写作者,个人独立开发者,我相信你也可以!阅读他的文章,会上瘾!,帮你成为更好的自己。长按下方二维码可关注,欢迎分享,置顶尤佳。
感谢!承蒙关照!您真诚的赞赏是我前进的最大动力!
这是一个有质量,有态度的公众号
喜欢本文的朋友们
欢迎长按下图关注订阅号
收看更多精彩内容
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/790.html
摘要:黑体本系列讲解安全所需要的和黑体安全基础我的第一个网页黑体安全基础初识黑体安全基础初识标签黑体安全基础文件夹管理网站黑体安全基础模块化黑体安全基础嵌套列表黑体安全基础标签拓展和属性的使用黑体安全基础嵌套本系列讲解WEB安全所需要的HTML和CSS #WEB安全基础 : HTML/CSS | 0x0 我的第一个网页 #WEB安全基础 : HTML/CSS | 0x1初识CSS #WEB安全基...
摘要:原文地址如果您对本系列文章感兴趣,欢迎关注订阅这里前言本文介绍如何在多项目间共用同一套基础设施,又或是某种层次的框架。而以上所述的种种,就构成了一套完整的解决方案,也称基础设施。下面就以从到的改造过程来介绍如何实现多项目共用基础设施。 本文首发于Array_Huang的技术博客——实用至上,非经作者同意,请勿转载。原文地址:https://segmentfault.com/a/1190...
摘要:变量定义变量使用关键字变量名变量名可以任意取名,但要遵循命名规则变量必须使用字母下划线或者美元符开始。语法参数说明在消息对话框中要显示的文本返回值值。返回值点击确定按钮,文本框中的内容将作为函数返回值。 简述 本系列将持续更新Javascript基础部分的知识,谁都想掌握高端大气的技术,但是我觉得没有一个扎实的基础,我认为一切高阶技术对我来讲都是过眼云烟,要成为一名及格的前端工程师,必...
阅读 1332·2021-11-04 16:11
阅读 3002·2021-10-12 10:11
阅读 2924·2021-09-29 09:47
阅读 1538·2021-09-22 15:40
阅读 990·2019-08-29 15:43
阅读 2762·2019-08-29 13:50
阅读 1551·2019-08-29 13:28
阅读 2669·2019-08-29 12:54