Zombie Blocks and Other Blocks of Content - Part 1

4 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€65.45
List Price:  €93.51
You save:  €28.05
£55.31
List Price:  £79.03
You save:  £23.71
CA$95.87
List Price:  CA$136.97
You save:  CA$41.09
A$105.23
List Price:  A$150.33
You save:  A$45.10
S$94.85
List Price:  S$135.50
You save:  S$40.65
HK$546.28
List Price:  HK$780.43
You save:  HK$234.15
CHF 62.53
List Price:  CHF 89.34
You save:  CHF 26.80
NOK kr738.84
List Price:  NOK kr1,055.54
You save:  NOK kr316.69
DKK kr488.13
List Price:  DKK kr697.37
You save:  DKK kr209.23
NZ$114.35
List Price:  NZ$163.36
You save:  NZ$49.01
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.19
৳8,206.42
List Price:  ৳11,723.96
You save:  ৳3,517.54
₹5,848.74
List Price:  ₹8,355.70
You save:  ₹2,506.96
RM329.86
List Price:  RM471.25
You save:  RM141.39
₦104,145.12
List Price:  ₦148,785.12
You save:  ₦44,640
₨19,451.01
List Price:  ₨27,788.35
You save:  ₨8,337.33
฿2,566.28
List Price:  ฿3,666.28
You save:  ฿1,099.99
₺2,297.77
List Price:  ₺3,282.67
You save:  ₺984.90
B$380.19
List Price:  B$543.15
You save:  B$162.96
R1,257.29
List Price:  R1,796.21
You save:  R538.91
Лв127.88
List Price:  Лв182.70
You save:  Лв54.81
₩97,243.40
List Price:  ₩138,925.10
You save:  ₩41,681.70
₪263.13
List Price:  ₪375.92
You save:  ₪112.78
₱4,117.61
List Price:  ₱5,882.56
You save:  ₱1,764.94
¥11,182.65
List Price:  ¥15,975.90
You save:  ¥4,793.25
MX$1,267.57
List Price:  MX$1,810.89
You save:  MX$543.32
QR254.73
List Price:  QR363.91
You save:  QR109.18
P943.11
List Price:  P1,347.37
You save:  P404.25
KSh9,044.72
List Price:  KSh12,921.58
You save:  KSh3,876.86
E£3,339.22
List Price:  E£4,770.52
You save:  E£1,431.30
ብር4,029.95
List Price:  ብር5,757.32
You save:  ብር1,727.37
Kz59,806.45
List Price:  Kz85,441.45
You save:  Kz25,635
CLP$65,858.49
List Price:  CLP$94,087.59
You save:  CLP$28,229.10
CN¥508.21
List Price:  CN¥726.05
You save:  CN¥217.83
RD$4,122.17
List Price:  RD$5,889.07
You save:  RD$1,766.89
DA9,412.67
List Price:  DA13,447.25
You save:  DA4,034.58
FJ$156.97
List Price:  FJ$224.25
You save:  FJ$67.28
Q541.95
List Price:  Q774.24
You save:  Q232.29
GY$14,603.51
List Price:  GY$20,863.05
You save:  GY$6,259.54
ISK kr9,756.60
List Price:  ISK kr13,938.60
You save:  ISK kr4,182
DH695.57
List Price:  DH993.71
You save:  DH298.14
L1,245.82
List Price:  L1,779.82
You save:  L534
ден4,023.76
List Price:  ден5,748.47
You save:  ден1,724.71
MOP$562.43
List Price:  MOP$803.51
You save:  MOP$241.07
N$1,257.72
List Price:  N$1,796.82
You save:  N$539.10
C$2,571.12
List Price:  C$3,673.19
You save:  C$1,102.06
रु9,331.52
List Price:  रु13,331.31
You save:  रु3,999.79
S/265.79
List Price:  S/379.71
You save:  S/113.92
K272.41
List Price:  K389.17
You save:  K116.76
SAR262.58
List Price:  SAR375.14
You save:  SAR112.55
ZK1,779.25
List Price:  ZK2,541.90
You save:  ZK762.64
L325.62
List Price:  L465.20
You save:  L139.57
Kč1,631.83
List Price:  Kč2,331.28
You save:  Kč699.45
Ft25,947.39
List Price:  Ft37,069.29
You save:  Ft11,121.90
SEK kr735.41
List Price:  SEK kr1,050.64
You save:  SEK kr315.22
ARS$63,379.44
List Price:  ARS$90,545.94
You save:  ARS$27,166.50
Bs482.57
List Price:  Bs689.42
You save:  Bs206.84
COP$291,390.14
List Price:  COP$416,289.47
You save:  COP$124,899.33
₡36,507.14
List Price:  ₡52,155.29
You save:  ₡15,648.15
L1,727.59
List Price:  L2,468.10
You save:  L740.50
₲525,730.21
List Price:  ₲751,075.35
You save:  ₲225,345.14
$U2,750.95
List Price:  $U3,930.09
You save:  $U1,179.14
zł283.09
List Price:  zł404.43
You save:  zł121.34
Already have an account? Log In

Transcript

Hello, and welcome back to code isn't as scary as zombies. Right now we're gonna look at zombie blocks and other blocks of content. First of all, we have paragraph tags, talking about those in the last section. And all paragraphs should, surprisingly be being paragraph tags. It's the most basic unit of text, and 90% of the text. It's going to be in paragraph tags, though not not all of it, of course, 10% clearly is not going to be, but these can be within the text, or to have a carriage return or a line between the two, depending upon what you want to do with your site.

Probably more typically, on the web, it tends to be a line have a blank line between paragraphs, but there are some exceptions. Another tag that we talked about is the break tag. Now most of the time, you don't want to hard Wrap Text, you want it to flow within its container, because particularly with responsive design, you're not going to know exactly how wide or tall or whatever your the container for the particular text is. So if you do some hard returns, and it's going to look funky, if somebody looks on a screen that happens to be a different size than yours, which is almost certainly likely, because of the proliferation of devices that have different screen sizes, and desktops, and who knows what size, the width is going to be on a desktop, etc. There will be times However, when you need to format an address, or similar piece of content where you don't want lines between them.

So for instance, if you've done a blank line between paragraphs, if you create another paragraph, it's going to continue to make blank lines between the things. And that doesn't look great, particularly on a an address, or another type of other types of content like that. What you can do then is use a break tag. And rather than skipping a line, you can just go straight to the next line. Now, there are often times when we need to boldly go where no zombie resistance fighter has ever gone before, which in here is the bold tag. So HTML is mostly structural, most aesthetics go with C But you can also designate what should be bolded or strongly emphasized.

So for instance, we have the B tag, which is the bold tag. This is what we had to about HTML for when it when it came together with it with XHTML. And when HTML and XHTML came together, they want to be very strict about how they what tags they use. So they brought in the strong tag, which is basically the bold tag, but labeled strong, in theory gives you a little bit more information than just the letter B does about the content that's in there. But strong takes longer to type. I'm in the shorter typings better camp.

And eventually they basically said that'd be in strong or equivalent, and can you use them that way as you see fit. So both the and strong will make content fold. Similar struggle with with I so I would be the towel tag and one point wanted to do something better. And so the camp VM tag or emphasis, which doesn't really make sense to me, because it's about the same cryptic level as I and can be confused with the CSS size unit. We'll, we'll get to there shortly. But yeah, it just doesn't seem like it really helps.

So eventually, they just made them the same as well, particularly html5. So both will make both I and M. tags will make the content metallic. Alright, so let's look at some code. Okay. So this paragraph, this shows you paragraph tags, tags, tags, bold tags. So we have a p tag here.

Good ends with this closing p tag. Here we have an M tag. You can also do an eye tag. Here's an example. Here's the examples down here. Not because zombies are not cuddly, cuddly.

It's surprising that maybe there's the italics. rigor mortis really affects flexibility. If you're pressing hit that there's a zombie on your head that's bold or strong. This is a bold. And then here we have an example of what not to do. So this is basically both improper nesting and improper ending tags.

So we have mashed up the M tag and the eye tag together, but they don't really well, they do the same thing. They don't necessarily can interact properly. So this slash I does not close this m. So that's why zombie is still italicized. And the slash strong doesn't really close the p tag. But that's harder to see because of, that's where the page ends as well. But yeah, so that's the code there for paragraphs tallix and bowling

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.