Skip to player
Skip to main content
Search
Connect
Watch fullscreen
1
Bookmark
Share
More
Add to Playlist
Report
BR & HR Elements | Formatting Tags in Punjabi | Part-2 | HTML | Editor | CSPunjab.Com - Tutorial #3
Computer Science, Punjab
Follow
2 years ago
*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
Be the first to comment
Add your comment
Recommended
2:27
|
Up next
सफलता की खोज - The Quest for Success - इंटरनेट | Internet by Sonia & Gurlal Singh | CSPunjab.Com
Computer Science, Punjab
2 years ago
16:53
iCut by Jashandeep Singh & Team | 10th, 2023-24 | Website Project in HTML CSS | CSPunjab.Com
Computer Science, Punjab
2 years ago
8:27
रसोई का ताज - सब्ज़ियाँ Kitchen Crown - Vegetables | Hindi | 6th Class | PSEB, Mohali | CSPunjab.Com
Computer Science, Punjab
2 years ago
5:32
What is HTML in Hindi & Punjabi by Sonia & Jagveer | 10th Class | PSEB, Mohali - CSPunjab.Com
Computer Science, Punjab
2 years ago
3:46
ईमानदार शंकर - Honest Shankar in Hindi _ Story _ 6th Class _ PSEB, Mohali _ CSPunjab.Com
Computer Science, Punjab
2 years ago
2:08
Computer Network Types in Hindi by Roshanpreet | 9th Class | PSEB Mohali - CSPunjab.Com
Computer Science, Punjab
2 years ago
16:45
Fashion Shopping by Amandeep & Team | 10th, 2023-24 | Website Project in HTML CSS | CSPunjab.Com
Computer Science, Punjab
2 years ago
3:36
सबसे बड़ा धन - Greatest Wealth in Hindi Story | 6th Class | PSEB, Mohali | CSPunjab.Com
Computer Science, Punjab
2 years ago
3:30
Different areas of Computer Application in Hindi by Mehak & Taran - CSPunjab.Com
Computer Science, Punjab
2 years ago
3:25
What is Computer Networks and why do we need networks ? in Hindi by Jaismeen - CSPunjab.Com
Computer Science, Punjab
2 years ago
2:02
Generations of Computers कंप्यूटर की पीढ़ियाँ in Hindi by Veerpal Kaur - CSPunjab.Com
Computer Science, Punjab
2 years ago
16:52
Amazing Mealz by Supanpreet Kaur & Team | 10th, 2023-24 | Website Project in HTML CSS | CSPunjab.Com
Computer Science, Punjab
2 years ago
2:19
Portable Computer and Devices in Hindi - पोर्टेबल कंप्यूटर और डिवाइस्स - CSPunjab.Com
Computer Science, Punjab
2 years ago
17:14
Online Stationery Store by Sonia & Team | 10th, 2023-24 | Website Project in HTML CSS | CSPunjab.Com
Computer Science, Punjab
2 years ago
10:41
Formatting Tags in Punjabi | Part-1 | HTML | Online HTML Editor | CSPunjab.Com - Tutorial #2
Computer Science, Punjab
2 years ago
26:09
Creating a Web Page with Basic Structure of HTML document in Punjabi | CSPunjab.Com - Tutorial #1
Computer Science, Punjab
2 years ago
6:55
CSPunjab.Com - Teaser | Computer Science, Punjab
Computer Science, Punjab
2 years ago
0:51
Former Aide Claims She Was Asked to Make a ‘Hit List’ For Trump
Veuer
2 years ago
1:08
Musk’s X Is ‘the Platform With the Largest Ratio of Misinformation or Disinformation’ Amongst All Social Media Platforms
Veuer
2 years ago
4:50
59 companies that are changing the world: From Tesla to Chobani
Fortune
2 years ago
0:46
3 Things to Know About Coco Gauff's Parents
People
2 years ago
0:35
8 Things to Do in the Morning to Improve Productivity
Martha Stewart Living
2 years ago
1:18
USC vs. Colorado: Can Caleb Williams Earn a New Heisman Moment?
SportsGrid
2 years ago
1:04
Vic Mensa Reveals Celebrity Crush, Biggest Dating Pet Peeve & More on Speed Dating | Billboard News
Billboard
2 years ago
1:09
Hollywood Writers Reach ‘Tentative Agreement’ With Studios After 146 Day Strike
Veuer
2 years ago
Be the first to comment