Skip to player
Skip to main content
Skip to footer
Search
Connect
Watch fullscreen
1
Bookmark
Share
Add to Playlist
Report
BR & HR Elements | Formatting Tags in Punjabi | Part-2 | HTML | Editor | CSPunjab.Com - Tutorial #3
Computer Science, Punjab
Follow
11/14/2023
*1. ਲਾਈਨ ਬ੍ਰੇਕ (Line Break)* ਜਦੋਂ HTML ਡਾਕੂਮੈਂਟ ਵਿੱਚ ਐਂਟਰ ਕੀਅ ਦਬਾ ਕੇ ਟੈਕਸਟ ਨੂੰ ਵੱਖ-ਵੱਖ ਲਾਈਨਾਂ ਵਿੱਚ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਵੈੱਬ-ਬ੍ਰਾਊਜ਼ਰ ਦੁਆਰਾ ਇਹਨਾਂ ਲਾਈਨ ਬ੍ਰੇਕਾਂ ਨੂੰ ਨਹੀਂ ਮੰਨਿਆ ਜਾਂਦਾ। HTML ਸਾਡੇ ਵੱਲੋਂ ਐਂਟਰ ਕੀਅ ਦਬਾਉਣ ਨਾਲ ਦਾਖਲ ਕੀਤੀਆਂ ਲਾਈਨ ਬਰੇਕਾਂ ਨੂੰ ਨਜ਼ਰ-ਅੰਦਾਜ਼ (ignore) ਕਰ ਦੇਵੇਗਾ ਅਤੇ ਵੱਖ-ਵੱਖ ਲਾਈਨਾਂ ਵਿੱਚ ਲਿਖੇ ਟੈਕਸਟ ਨੂੰ ਇੱਕ ਹੀ ਲਾਈਨ ਵਿੱਚ ਦਿਖਾ ਦੇਵੇਗਾ। ਇਸ ਲਈ HTML ਸਾਨੂੰ ਸਾਡੇ ਡਾਕੂਮੈਂਟ ਵਿੱਚ ਲਾਈਨ ਬ੍ਰੇਕ ਦਾਖਲ ਕਰਨ ਲਈ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਟੈਗ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
----------------------------------------
YouTube » » https://www.youtube.com/watch?v=osRUQP0_Z0U
Live Demo & Try it yourself » » https://cspunjab.com/html/basic-2u50tk/demo
Facebook » » https://fb.watch/n1xuHjqT5g/
Instagram » » https://www.instagram.com/p/CxIrgGfvVMy/
Twitter » » https://twitter.com/CSPunjabCom
Blogger » » https://onlinehtml5editor.blogspot.com/2023/06/formatting-tags-in-html.html
----------------------------------------
HTML Tags used in this video : br, hr.
*2. ਲੇਟਵੀਂ ਲਾਈਨ (Horizontal Line)*: HTML ਵਿੱਚ ਇੱਕ ਲੇਟਵੀਂ ਲਾਈਨ ਦਾਖਲ ਕਰਨ ਲਈ ਅਸੀਂ HR ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। ਇੱਥੇ HR ਦਾ ਮਤਲਬ ਹਾਰੀਜੇਂਟਲ ਰੂਲ (Horizontal Rule) ਹੈ। ਇਹ ਡਾਕੂਮੈਂਟ ਦੇ ਬਾਡੀ ਭਾਗ ਵਿੱਚ ਜਿੱਥੇ ਵੀ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਇੱਕ ਲੇਟਵੀਂ ਲਾਈਨ ਬਣਾ ਦਿੰਦਾ ਹੈ। ਇਹ ਟੈਗ ਥੀਮੇਟਿਕ ਕ (Thematic Break) ਲਈ ਜਾਂ ਕੰਟੈਂਟਸ ਨੂੰ ਇੱਕ ਦੂਜੇ ਤੋਂ ਵੱਖ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਹੇਠਾਂ ਕੁੱਝ ਐਟਰੀਬਿਊਟਸ ਦਿੱਤੇ ਗਏ ਹਨ ਜਿਹਨਾਂ ਦੀ ਵਰਤੋਂ ਇਸ ਟੈਗ ਨਾਲ ਕੀਤੀ ਜਾ ਸਕਦਾ ਹੈ:
*2.1 align (ਅਲਾਈਨ)*: ਇਸ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਲੇਟਵੀਂ ਲਾਈਨ ਦੀ ਅਲਾਈਨਮੈਂਟ ਬਦਲਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਜੇਕਰ ਅਲਾਈਨ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ, ਤਾਂ ਲੇਟਵੀਂ ਲਾਈਨ ਸੈਂਟਰ ਵਿੱਚ ਨਜ਼ਰ ਆਵੇਗੀ। ਅਲਾਈਨ ਐਟਰੀਬਿਊਟ ਦਾ ਕੋਈ ਵੀ ਇਫੈਕਟ ਉਸ ਸਮੇਂ ਤੱਕ ਨਜ਼ਰ ਨਹੀਂ ਆਵੇਗਾ ਜਦੋਂ ਤੱਕ Width ਐਟਰੀਬਿਊਟ ਨਾਲ ਇਸਦੀ ਚੌੜਾਈ 100% ਤੋਂ ਘੱਟ ਤੋਂ ਸੈਂਟ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ। ਇਸ ਐਟਰੀਬਿਊਟ ਦੇ ਮੁੱਲ Left, Right ਜਾਂ Center ਹੋ ਸਕਦੇ ਹਨ।
*2.2 color (ਕਲਰ)*: ਇਸ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਲੇਟਵੀਂ ਲਾਈਨ ਦਾ ਰੰਗ ਬਦਲਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਇਸ ਐਟਰੀਬਿਊਟ ਦਾ ਮੁੱਲ ਕਿਸੇ ਰੰਗ ਦਾ ਨਾਮ (Color Name) ਜਾਂ ਹੈਕਸਾਡੈਸੀਮਲ (Hexa decimal) ਕੋਡ ਹੋ ਸਕਦਾ ਹੈ।
*2.3 size (ਸਾਈਜ਼)*: ਇਹ ਐਟਰੀਬਿਊਟ ਪਿਕਸਲ (pixels) ਵਿੱਚ ਲੇਟਵੀਂ ਲਾਈਨ ਦੀ ਉਚਾਈ ਸੈੱਟ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।
2.4 width (ਵਿੱਥ): ਇਸ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਲੇਟਵੀਂ ਲਾਈਨ ਦੀ ਚੌੜਾਈ ਸੈੱਟ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਮੁੱਲ ਅਸੀਂ ਪਿਕਸਲ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਵਿੱਚ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹਾਂ।
----------------------------------------
#cspunjab #html #formatting #tags #css #online #editor #computerfaculty #bintuchaudhary #python #alu #imu #django #programmer #programming #coding #coder #htmltutorial
----------------------------------------
https://www.cspunjab.com/
https://www.youtube.com/@CSPunjab
https://www.instagram.com/cspunjab/
https://www.facebook.com/CSPunjabCom
https://twitter.com/CSPunjabCom/
Category
📚
Learning
Recommended
2:27
|
Up next
सफलता की खोज - The Quest for Success - इंटरनेट | Internet by Sonia & Gurlal Singh | CSPunjab.Com
Computer Science, Punjab
12/22/2023
16:53
iCut by Jashandeep Singh & Team | 10th, 2023-24 | Website Project in HTML CSS | CSPunjab.Com
Computer Science, Punjab
12/17/2023
8:27
रसोई का ताज - सब्ज़ियाँ Kitchen Crown - Vegetables | Hindi | 6th Class | PSEB, Mohali | CSPunjab.Com
Computer Science, Punjab
12/12/2023
5:32
What is HTML in Hindi & Punjabi by Sonia & Jagveer | 10th Class | PSEB, Mohali - CSPunjab.Com
Computer Science, Punjab
12/6/2023
3:46
ईमानदार शंकर - Honest Shankar in Hindi _ Story _ 6th Class _ PSEB, Mohali _ CSPunjab.Com
Computer Science, Punjab
12/5/2023
2:08
Computer Network Types in Hindi by Roshanpreet | 9th Class | PSEB Mohali - CSPunjab.Com
Computer Science, Punjab
12/4/2023
16:45
Fashion Shopping by Amandeep & Team | 10th, 2023-24 | Website Project in HTML CSS | CSPunjab.Com
Computer Science, Punjab
12/3/2023
3:36
सबसे बड़ा धन - Greatest Wealth in Hindi Story | 6th Class | PSEB, Mohali | CSPunjab.Com
Computer Science, Punjab
12/2/2023
3:30
Different areas of Computer Application in Hindi by Mehak & Taran - CSPunjab.Com
Computer Science, Punjab
11/30/2023
3:25
What is Computer Networks and why do we need networks ? in Hindi by Jaismeen - CSPunjab.Com
Computer Science, Punjab
11/28/2023
2:02
Generations of Computers कंप्यूटर की पीढ़ियाँ in Hindi by Veerpal Kaur - CSPunjab.Com
Computer Science, Punjab
11/27/2023
16:52
Amazing Mealz by Supanpreet Kaur & Team | 10th, 2023-24 | Website Project in HTML CSS | CSPunjab.Com
Computer Science, Punjab
11/26/2023
2:19
Portable Computer and Devices in Hindi - पोर्टेबल कंप्यूटर और डिवाइस्स - CSPunjab.Com
Computer Science, Punjab
11/24/2023
17:14
Online Stationery Store by Sonia & Team | 10th, 2023-24 | Website Project in HTML CSS | CSPunjab.Com
Computer Science, Punjab
11/18/2023
10:41
Formatting Tags in Punjabi | Part-1 | HTML | Online HTML Editor | CSPunjab.Com - Tutorial #2
Computer Science, Punjab
11/16/2023
26:09
Creating a Web Page with Basic Structure of HTML document in Punjabi | CSPunjab.Com - Tutorial #1
Computer Science, Punjab
11/14/2023
6:55
CSPunjab.Com - Teaser | Computer Science, Punjab
Computer Science, Punjab
11/14/2023
0:51
Former Aide Claims She Was Asked to Make a ‘Hit List’ For Trump
Veuer
9/27/2023
1:08
Musk’s X Is ‘the Platform With the Largest Ratio of Misinformation or Disinformation’ Amongst All Social Media Platforms
Veuer
9/27/2023
4:50
59 companies that are changing the world: From Tesla to Chobani
Fortune
9/27/2023
0:46
3 Things to Know About Coco Gauff's Parents
People
9/23/2023
0:35
8 Things to Do in the Morning to Improve Productivity
Martha Stewart Living
9/22/2023
2:11
Why You Should Remember Aretha Franklin
Goalcast
9/23/2023
1:18
USC vs. Colorado: Can Caleb Williams Earn a New Heisman Moment?
SportsGrid
9/26/2023
1:04
Vic Mensa Reveals Celebrity Crush, Biggest Dating Pet Peeve & More on Speed Dating | Billboard News
Billboard
9/25/2023