资讯专栏INFORMATION COLUMN

HTML基础系列

huangjinnan / 1790人阅读

摘要:标记语言,网页制作的第一步。什么是呢查百度基础语法常用标签是超文本标记语言,不用编译,直接在浏览器中执行,是一个文本文件。长按下方二维码可关注,欢迎分享,置顶尤佳。

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

相关文章

  • HTML基础系列

    摘要:标记语言,网页制作的第一步。什么是呢查百度基础语法常用标签是超文本标记语言,不用编译,直接在浏览器中执行,是一个文本文件。长按下方二维码可关注,欢迎分享,置顶尤佳。 HTML标记语言,网页制作的第一步。 什么是HTML呢?查百度 基础语法 常用标签 HTML是超文本标记语言,HTML不用编译,直接在浏览器中执行,HTML是一个文本文件。 HTML基本结构,标签,元素,属性,注解 标题...

    CoffeX 评论0 收藏0
  • #WEB安全基础 : HTML/CSS | 文章索引

    摘要:黑体本系列讲解安全所需要的和黑体安全基础我的第一个网页黑体安全基础初识黑体安全基础初识标签黑体安全基础文件夹管理网站黑体安全基础模块化黑体安全基础嵌套列表黑体安全基础标签拓展和属性的使用黑体安全基础嵌套本系列讲解WEB安全所需要的HTML和CSS #WEB安全基础 : HTML/CSS | 0x0 我的第一个网页 #WEB安全基础 : HTML/CSS | 0x1初识CSS #WEB安全基...

    EscapedDog 评论0 收藏0
  • webpack多页应用架构系列(十四):No复制粘贴!多项目共用基础设施

    摘要:原文地址如果您对本系列文章感兴趣,欢迎关注订阅这里前言本文介绍如何在多项目间共用同一套基础设施,又或是某种层次的框架。而以上所述的种种,就构成了一套完整的解决方案,也称基础设施。下面就以从到的改造过程来介绍如何实现多项目共用基础设施。 本文首发于Array_Huang的技术博客——实用至上,非经作者同意,请勿转载。原文地址:https://segmentfault.com/a/1190...

    cyrils 评论0 收藏0
  • Javascript学习总结 - JS基础系列

    摘要:变量定义变量使用关键字变量名变量名可以任意取名,但要遵循命名规则变量必须使用字母下划线或者美元符开始。语法参数说明在消息对话框中要显示的文本返回值值。返回值点击确定按钮,文本框中的内容将作为函数返回值。 简述 本系列将持续更新Javascript基础部分的知识,谁都想掌握高端大气的技术,但是我觉得没有一个扎实的基础,我认为一切高阶技术对我来讲都是过眼云烟,要成为一名及格的前端工程师,必...

    Meils 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<