or
or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up
Syntax | Example | Reference | |
---|---|---|---|
# Header | Header | 基本排版 | |
- Unordered List |
|
||
1. Ordered List |
|
||
- [ ] Todo List |
|
||
> Blockquote | Blockquote |
||
**Bold font** | Bold font | ||
*Italics font* | Italics font | ||
~~Strikethrough~~ | |||
19^th^ | 19th | ||
H~2~O | H2O | ||
++Inserted text++ | Inserted text | ||
==Marked text== | Marked text | ||
[link text](https:// "title") | Link | ||
![image alt](https:// "title") | Image | ||
`Code` | Code |
在筆記中貼入程式碼 | |
```javascript var i = 0; ``` |
|
||
:smile: | Emoji list | ||
{%youtube youtube_id %} | Externals | ||
$L^aT_eX$ | LaTeX | ||
:::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Syncing
xxxxxxxxxx
Intro to HTML/CSS
Friday, May 21st, 2021 2:00-3:00
Back to Resbaz HackMD Directory
Forthcoming
Getting Started
This workshop is aimed to help researchers learn the basic elements and syntax of HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets), so that researchers can build their own websites, show their publications and communicate with other colleagues. Topics covered include: HTML basic elements, attributes, HTML list, HTML table, basic CSS syntax, and HTML/CSS website layout.
0 Preparation: Editor
Any Editor you like or you are familiar with will be good. If you don't have an code editor on your PC yet, I recommanded Notepad++, which is totally free, lightweight and easy to use.
Since I don't use MAC, I cannot give very useful suggestion. TextEdit or Xcode sounds popular.
For UNIX-like system, Nano will be a good choice.
Here are some links you might need:
Notepad++: https://notepad-plus-plus.org/downloads/
TextEdit: https://support.apple.com/guide/textedit/welcome/mac
Xcode: https://apps.apple.com/us/app/xcode/id497799835?mt=12
Nano Install Instuction: https://phoenixnap.com/kb/use-nano-text-editor-commands-linux
1 HTML and CSS
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →HTML: Hypertext Markup Language
CSS: Cascading Style Sheets
W3C standards define an Open Web Platform for application development that has the unprecedented potential to enable developers to build rich interactive experiences, powered by vast data stores, that are available on any device.
2 Our First HTML page
All HTML documents must start with a <!DOCTYPE> declaration.
3 Common Elements
4 Adding Style
5 CSS Selector
6 CSS Box Model
7 Next Step
Introductions
Hi guys, I am Xinyi Xiao, an international undergraduate student in U of A. I study Information Science and Technology, and I have a Math Minor. I've learnt programming for five years, starting at C. My favourite programming language is Python, but I use JavaScript more often. I hope everyone can enjoy my workshop, and bring some valuable skills from it!
Questions and Answers
Session Feedback
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →Use the link below to provide your feedback on the session:
Session Feedback Form