#2 HTML x Lovely Auntie
What is HTML?
- English: Wiki - HTML
- Mandarin: HTML 基础 - 学习该如何开发 Web
HTML Markup Language Elements
- opening/closing tags: e.g.
<head> </head> - content: e.g. Lovely Auntie XD
- attribute
- <img
src="file name.file type"> → an “empty element” contains no context - Inserting a hyperlink
<li><a href="URL">context</a></li>→ a “nesting element” with multiple tags
- <img
Commonly used
- Set font size
<h3>context</h3>→ from h1~h6 - Insert a hyperlink
<li><a href="URL">context</a></li>→ href =hypertext reference - Insert a picture
<img src="file name.file type"/>→ src = source. If it’s an “empty element,” you can also skip the latter tag. - Item List
<li> - Designing a table
<tr>
<td>context</td> => a column
<td>context</td>
</tr>
- Adjust the border/width/height of a table
<table border="1" width="600" cellpadding="5">
Notice
- Store the picture at the same place as your html file, and insert the name of the picture into your code.
- If you want to edit in Chinese, you’ll have to set “Encoding” as “UTF-8,” and add as below blue mark to avoid garbled context.
Final Design
*Resource: https://icdaniels.wordpress.com/tag/understanding-html-attribute/
Music of Today: laugh now cry later covered/same drugs by Joseph Solomon
Like/Share/Follow
If you guys find this article helpful, please kindly do the writer a favor — LIKE this article.
Feel free to comment and share your ideas below to learn together!
Day 22 - Blocking & Non-blocking Mode
本篇重点 官方说明文件：https://sinotrade.github.io/tutor/adva...
30天打造品牌特色电商网站 Day.13 导览列基础制作(上）
昨天已经做过了导览列的介绍，那我们今天就学习用 HTML 和 CSS 基本的语法，来试着做一个简单的...
如果你对Microsoft 认证感兴趣
首先感谢这个技术平台让我分享一些专业的东西，今天我会分享一些Microsoft exam certi...
Day12 主动情蒐-确认目标 metasploitable 3 的 IP
因为之後需要确认目标 IP ，因此以下以图解的方式，带大家确认靶机的 IP，笔者使用 Window...
Day03 UIKit 02 - App Delegate
AppDelegate 为App 的主要入口点，Apple 会在一些应用程序级别的生命周期事件调用A...