HTML Tutorial #6: List | Web Development | Filipino | Tagalog
Summary
TLDRIn this HTML tutorial part six, the focus is on lists in HTML. The video explains the use of unordered (`<ul>`) and ordered (`<ol>`) list elements, demonstrating how to create lists with items like fruits and vegetables. It also touches on the integration of HTML with CSS and JavaScript in web development. The tutorial is part of a broader series covering web, mobile, and game development using languages like Java, C#, and C++. The presenter encourages viewers to engage through comments or social media and hints at upcoming content on game development.
Takeaways
- 😀 The tutorial is part of a series on HTML, specifically focusing on lists in part six.
- 📝 The video discusses two types of HTML list elements: unordered (`<ul>`) and ordered (`<ol>`).
- 🍊 An example of an unordered list includes fruits like orange and mango.
- 🥬 Another example given is an ordered list of vegetables, such as cabbage and celery.
- 🔢 The script mentions using list items with numerical values, like '12 c sharp' and '13 phyton'.
- 💻 The video briefly touches on other programming languages like Java, Kotlin, and C++ in the context of web and game development.
- 🎮 The tutorial suggests that the mentioned languages can be used for game development, alongside HTML, CSS, and JavaScript.
- 📊 The video provides a visual example of nested lists using the `<li>` tag.
- 💬 The script encourages viewers to comment or message on social media platforms like Facebook or TikTok.
- 👋 The video ends with a sign-off, thanking viewers and promising to see them in the next video.
Q & A
What is the main topic of this HTML tutorial series part six?
-The main topic of this HTML tutorial series part six is about lists, specifically discussing unordered and ordered list elements.
What are the two types of list elements mentioned in the tutorial?
-The two types of list elements mentioned are 'unordered' and 'ordered' list elements.
What tag is used to create an unordered list in HTML?
-The tag used to create an unordered list in HTML is '<ul>'.
How is an item in a list represented in HTML?
-An item in a list is represented by the '<li>' tag in HTML.
What example of an unordered list is given in the script?
-The example of an unordered list given includes fruits like orange and mango.
What example of an ordered list is provided in the tutorial?
-The example of an ordered list provided includes vegetables such as cabbage and celery.
What programming languages are mentioned in the context of web development?
-The programming languages mentioned in the context of web development are HTML, CSS, and JavaScript.
Are there any other programming languages mentioned for game development?
-Yes, the programming languages mentioned for game development include Java, C#, and C++.
What does the acronym 'C-sharp' refer to in the script?
-The acronym 'C-sharp' refers to the programming language C#, which is used in game development as mentioned in the script.
What is the significance of the term 'nested' in the context of lists?
-The term 'nested' in the context of lists refers to the ability to place one list inside another list, allowing for a hierarchical structure.
How can viewers engage with the content or the creators of the tutorial?
-Viewers can engage with the content by commenting in the comment section or messaging on Facebook, and they can also follow the creators on their TikTok account.
Outlines
📝 HTML Tutorial Series: Lists
The speaker welcomes viewers to part six of an HTML tutorial series. The focus of this session is on lists in HTML. After a brief intro, the speaker discusses the use of unordered and ordered list elements in HTML. They explain how to create lists using the 'ul' and 'ol' tags, respectively, and demonstrate how to add list items with the 'li' tag. The speaker uses examples like a list of fruits and vegetables to illustrate the concept. The tutorial is accompanied by background music and is aimed at improving the viewers' understanding of HTML list elements.
💻 Exploring Programming Languages and Development
In this paragraph, the speaker transitions from HTML to discussing various programming languages and development fields. They mention C#, Python, and JavaScript, suggesting these are part of a broader curriculum or set of topics they cover. The speaker also touches on game development, mentioning Java, C#, and C++ as relevant languages. They encourage viewers to use the comment section for questions or to reach out on social media platforms like Facebook. The speaker also mentions having a TikTok account, indicating a presence on multiple social media platforms. The paragraph concludes with a thank you to viewers and a sign-off, promising to see them in the next video.
🌐 Web and Mobile Development Overview
The final paragraph provides an overview of web and mobile development, mentioning HTML, CSS, and JavaScript as essential for web development. It also covers mobile development, specifically mentioning Java and hotline game development, which could refer to a specific type of game or a mispronunciation of 'highline'. The speaker reiterates the use of Java, C#, and C++ in game development, emphasizing the versatility of these languages across different development fields. The paragraph concludes with a call to action for viewers to engage with the content, either by commenting or following on social media, and a farewell note from the speaker.
Mindmap
Keywords
💡HTML
💡Tutorial Series
💡List
💡Unordered List
💡Ordered List
💡JavaScript
💡CSS
💡Nested List
💡Programming Languages
💡Web Development
💡Mobile Development
Highlights
Introduction to HTML tutorial series, part six.
Discussion on lists in HTML.
Explanation of the unordered list element.
Introduction to the ordered list element.
Use of the 'li' tag for list items.
Example of an unordered list with fruits.
Example of an ordered list with vegetables.
Mention of programming languages like C# and Python.
Integration of HTML, CSS, and JavaScript in web development.
Discussion on game development using Java, C#, and C++.
Emphasis on nested lists using the 'li' tag.
Encouragement to comment or message on social media.
Invitation to follow their TikTok account.
Thank you note and sign-off for the video.
Anticipation for the next video in the series.
Farewell and end of the video.
Transcripts
hey guys welcome back starting html
tutorial series so this is part six and
for today we are going to talk about
list
right after this intro
so
and then you unordered this element and
then lastly you ordered this element so
you end up the pagoda relative for today
so without further ado let's begin
so guys
indeed to solve this types so better
time
[Music]
[Music]
this element so you know and ordered
this element
ordered list
item
[Music]
are li and above fruits orange
um
[Music]
mango and for example
so vegetables
cabbage
celery
i
[Music]
plus 12 c sharp 13 phyton and then so on
and so forth
i think visual studio hold let's go okay
so we're back here indeed
javascript
so one
[Music]
and then we have game
[Music]
[Music]
hml
then
css
and then
javascript so notice now guys
[Music]
java and kotlin
and then next fair entire game dev so
for example
again i used them java and c-sharp
and c plus plus like a tennessee plus
plus
so yeah
i think website so web dev html css
javascript mobile dev java hotline game
dev java c sharp c plus plus so yeah so
suddenly gets you it also
nested on the list
li so yeah
you can always comment in comment
section or message us on facebook and
again we have a tick tock account you
can
thank you for watching this video and as
always guys i will see you in the next
video
goodbye
[Music]
5.0 / 5 (0 votes)