前言:
为了实现微信小程序的编写,我决定开始学习js这一门新语言。与c语言截然不同,这些编程语言的学习侧重于记忆,而c语言的学习侧重于理解。关于css的具体样式,我希望通过这些天的学习,能够看懂网上搜集的开源代码,并且自己通过修改格式加以灵活的运用。关于html,我希望掌握基本文本的输出格式,比如表单,列表,字体样式等。关于js,我希望在全面学习并且深入理解的基础上,能够以此为工具开发微信小程序。
在学js之前,我要先学习前端代码css和html。
1.css是用来修饰网页元素的
2.html是用来组织网页元素的
3.js是用来进行网页内部运算的
这几天学习了html的基本骨架和内容文本输出方式。标签之间有父子关系和并列关系。比如标题标签h1-6,其中h1只能有一个。br换行,hr水平线。浏览器不支持直接回车换行。
在字体样式方面,可以用
标签名 | 标签名 | 效果 |
b | strong | 加粗 |
i | em | 倾斜 |
u | ins | 下划线 |
s | del | 删除线 |
图片标签:image src用来指定图片位置,alt用来替换不显示的图片,title表示鼠标在图片上方悬浮显示的文字width或者height可以自动缩放图片
音频标签:audio可以指定属性来设置播放
视频标签:video可以指定属性来设置播放
网页标题在head的title标签中,输出段落用p,超链接用a,href制定转到路径
列表:ul:unordered list:无序列表li:list item;ol :ordered list有序列表:可以嵌套li标签
ul->li ol->li
定义列表dl:defined list:dt:defined title 表头;dd:defined detail :表内容
dl->dt dl->dd
表格标签:table tr:table row加入一行 th :table head表头;td table detail:表格细节
table的border属性可以去除边框
table->tr->th table->tr->td
合并单位格,保留最上最左的单元和,用colspan和rowspan进行合并,但是不能跨结构合并
table结构为,thead:table head;tbody:table body;tfoot:table foot。
input标签:输入标签。修改type属性以改变样式,可以用于输入单行文本,密码,单选,多选,上传文件等
其中,checked用于单选和多选可以默认选中,为单选标签设计相同的name可以设置选项的互斥。单选多个选中,之后最后一个默认。
file中设置multiple可以一次上传多个文件。