10 hours of coding P.6
What I did this hour.
This hour I finished the final two chapters of the Introduction to HTML, Form Validation and Semantic HTML.
What specific things I learnt.
I learned a few more HTML commands, such as: <required>, <min> <max>, <minlength> <maxlength>, <pattern>, <section>, <article>, <aside>, <figcaption>, and <audio>
What I will do next hour.
Next hour I plan on doing the introduction to JavaScript section, since I finished the Introduction to HTML.
Image Descriptions
1: Adding the required attribute to an input, making it mandatory that it is filled.
2: Using the min, max attribute to set the min and max of the input field.
3: Setting a minlength and maxlength of the password input.
4: Using the pattern attribute to limit the characters that can be put into the input.
5: Using the section command to section off parts of the website.
6: Using the aside command to display text that wasn't in the section command.
7: Using the figcaption command to add a caption under an image.
8: Adding audio to the website using the <audio> command. |
![](https://3.bp.blogspot.com/-EMreauqgM44/XqjlTL2j_sI/AAAAAAAABSg/1852zXd2_u4cFt4gCuDOSO53O1O9J6W_QCLcBGAsYHQ/s400/1.png) |
![](https://1.bp.blogspot.com/-hyMy8BSNyHo/XqjlWIcTTfI/AAAAAAAABSk/JYEqpuGnrY03UYZObveDI2_8OzGcltahACLcBGAsYHQ/s400/2.png) |
![](https://1.bp.blogspot.com/-IjvJ-zDregU/XqjlYdCvV6I/AAAAAAAABSo/UMJGnb44NWgLBo5JZThSVJHdWRIUJCdzwCLcBGAsYHQ/s400/3.png) |
![](https://2.bp.blogspot.com/-_CS2uz1miNo/XqjlaKM_5nI/AAAAAAAABSs/Jen8etPONLUF6KMOJ3G4JXZF9Q7J9B9PwCLcBGAsYHQ/s400/4.png) |
![](https://1.bp.blogspot.com/-HHTjn-XyKIo/XqjlblCZISI/AAAAAAAABSw/zt0VQMtY8boPVxVT0LgKP9MgYtbsiWIEgCLcBGAsYHQ/s400/5.png) |
![](https://4.bp.blogspot.com/-a9FQNBJVmjY/XqjldUogMEI/AAAAAAAABS0/95lIR0aSZs8HGnTWqzDJcoz_yqlvRB5swCLcBGAsYHQ/s400/6.png) |
![](https://2.bp.blogspot.com/-ZlszHxAmVZg/XqjlfGEE8XI/AAAAAAAABS4/7auF-q7xNFMjNqTqiSR24CyAE73hpFMlACLcBGAsYHQ/s400/7.png) |
![](https://1.bp.blogspot.com/-zo6KTc4WMDs/Xqjlg-NblSI/AAAAAAAABS8/A7Qg3wZiWnkQ39S_dVgKQWHaVutLo2MDwCLcBGAsYHQ/s400/8.png) |
No comments:
Post a Comment