Text makes up most of the content on a web page, but it is not as simple as just typing an essay. Learning the proper HTML elements for your text content provides both additional structure and meaning to your HTML document. This is foundational web development knowledge that should be learned before moving on to other web development languages like CSS and JavaScript. Looking for more tutorials? I have many on my channel: ua-cam.com/users/davegrayteachescode
FYI, for those new like me with VS Code, when I was editing the tags i.e. from h1 to h2, the closing tag was not automatically changing. I googled and found this is a setting and mine was default set to off on VS Code install. To change the setting to on, just open settings and in the top bar type: "editor.linkedEditing": true to turn it on. Mine worked properly after this. I am on a Mac so maybe it is on by default on a Windows or Linux install, but for me on a Mac it was not.
I hope you realize that you are teaching and helping thousands of people around the world, that get to understand better HTML thanks to these very fine and well explained videos, and realizing that, in a lot of cases, in schools they get more confused and unmotivated that anything else. Your other content ( especially JS, that is helping me ) is also great. And the pace in witch you explain is spot on perfect. Don't change, your channel will grow a lot for sure. Congrats !
Really nice, and I like the pace of this series, I was thinking if Dave didn't mention the white-space collapsing in this video then I'll have a good comment to post 😁 Thanks Dave,
Thank you for such a great tutorials, it helps a lot on the way to learn and so easy to understand even for people with low level of English. 🔥 I use the same long comment under all your videos to avoid clutter and promote your videos to more people. 😉
Hi Dave, You're great, as always wondered about the abbr element, at 16:10 you mention the title attribute will not be visible to screen readers and the like, so what should be used to provide this kind of information the best?
Hello Dave, Happy holidays to you! Two things that I have noticed so far in this video is that white space collapsing does not seem to work for me. The other thing that did not work for me is when I changed the opening tags to an tag, the closing tags did not automatically change to reflect this. I suspect that I missed a setting somewhere in the IDE. Could you give me some ideas on this? I am on a Windows 10 desktop computer with an SSD hard drive if that makes any difference. Cheers, Alan
Hi Alan - that is strange as HTML always collapses whitespace in the browser. Maybe you mean in VS Code? It won't collapse there. Get the "Auto Rename Tag" extension to have VS Code automatically rename the closing tags when you change the opening tag.
6:07 what setting or extension for VS Code do you use to have the code reformat like that when adding lots of spaces? I do have prettier already installed.
Ctrl + , to open VS Code settings. Search for format. Check "Format On Save" if it is not checked. Beyond that, if you click to open the JSON settings file - be careful if you do - my HTML format setting is this: "[html]": { "editor.defaultFormatter": "vscode.html-language-features" },
@@DaveGrayTeachesCode Hi, thanks for the reply. I have format on save already checked. In the settings.json file I also have the following line already: "editor.formatOnSave": true
Please go back over my code and compare to yours. There must be a difference in there. We cannot see your code and can only guess about why you may have an error.
I get fussy when somebody pronounce words differently than I. You Pronounced A-tri-bute /əˈtriˌbyo͞ot/ but in my region we pronounce it At-Tree-bute /ˈatrəˌbyo͞ot/ if only I could get this across better I would if you google the definition of the Word "attribute" you use the verb pronunciation but in my region we use the Noun pronunciation I think the noun version is the correct one in this context. (there are sound files available for the definition below when you google "attribute" ) verb /əˈtriˌbyo͞ot/ regard something as being caused by (someone or something). "he attributed the firm's success to the efforts of the managing director" noun /ˈatrəˌbyo͞ot/ a quality or feature regarded as a characteristic or inherent part of someone or something. "flexibility and mobility are the key attributes of our army"
Text makes up most of the content on a web page, but it is not as simple as just typing an essay. Learning the proper HTML elements for your text content provides both additional structure and meaning to your HTML document. This is foundational web development knowledge that should be learned before moving on to other web development languages like CSS and JavaScript. Looking for more tutorials? I have many on my channel: ua-cam.com/users/davegrayteachescode
Easy to learn and easy to follow.
Hyper text markup language invented by a brilliant British scientist Tim Berners Lee in year 1991.
FYI, for those new like me with VS Code, when I was editing the tags i.e. from h1 to h2, the closing tag was not automatically changing. I googled and found this is a setting and mine was default set to off on VS Code install. To change the setting to on, just open settings and in the top bar type: "editor.linkedEditing": true to turn it on.
Mine worked properly after this. I am on a Mac so maybe it is on by default on a Windows or Linux install, but for me on a Mac it was not.
Good share!!
Thx mate, saved me a search on google
Thank you so much!
I hope you realize that you are teaching and helping thousands of people around the world, that get to understand better HTML thanks to these very fine and well explained videos, and realizing that, in a lot of cases, in schools they get more confused and unmotivated that anything else. Your other content ( especially JS, that is helping me ) is also great.
And the pace in witch you explain is spot on perfect. Don't change, your channel will grow a lot for sure.
Congrats !
Thank you so much! 🙏🙏
Thank you very much for teaching me the basics of html. Planning to watch all of your videos related to web development. Great job!!!
Good course! Thank you!
Thank you!
Really nice, and I like the pace of this series,
I was thinking if Dave didn't mention the white-space collapsing in this video then I'll have a good comment to post 😁
Thanks Dave,
Ahmad, you always have good discussion topics 💯🙏
Thank you for such a great tutorials, it helps a lot on the way to learn and so easy to understand even for people with low level of English. 🔥
I use the same long comment under all your videos to avoid clutter and promote your videos to more people. 😉
Hi Dave, You're great, as always
wondered about the abbr element, at 16:10 you mention the title attribute will not be visible to screen readers and the like,
so what should be used to provide this kind of information the best?
Hello Dave,
Happy holidays to you!
Two things that I have noticed so far in this video is that white space collapsing does not seem to work for me.
The other thing that did not work for me is when I changed the opening tags to an tag, the closing tags did not automatically change to reflect this.
I suspect that I missed a setting somewhere in the IDE. Could you give me some ideas on this? I am on a Windows 10 desktop computer with an SSD hard drive if that makes any difference.
Cheers,
Alan
Hi Alan - that is strange as HTML always collapses whitespace in the browser. Maybe you mean in VS Code? It won't collapse there. Get the "Auto Rename Tag" extension to have VS Code automatically rename the closing tags when you change the opening tag.
Love it!
Thank you!
6:07 what setting or extension for VS Code do you use to have the code reformat like that when adding lots of spaces? I do have prettier already installed.
Ctrl + , to open VS Code settings. Search for format. Check "Format On Save" if it is not checked. Beyond that, if you click to open the JSON settings file - be careful if you do - my HTML format setting is this:
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
@@DaveGrayTeachesCode Hi, thanks for the reply. I have format on save already checked.
In the settings.json file I also have the following line already:
"editor.formatOnSave": true
@@Valdaur did you check the HTML default formatter setting that I showed from my JSON settings file? That's my only other suggestion.
The best course ever
Thank you so much sir 🫡
Error: Element adress not allowed as child of element body in this context. (Suppressing further errors from this subtree.
why?
Please go back over my code and compare to yours. There must be a difference in there. We cannot see your code and can only guess about why you may have an error.
I get fussy when somebody pronounce words differently than I. You Pronounced A-tri-bute /əˈtriˌbyo͞ot/ but in my region we pronounce it At-Tree-bute /ˈatrəˌbyo͞ot/ if only I could get this across better I would if you google the definition of the Word "attribute" you use the verb pronunciation but in my region we use the Noun pronunciation I think the noun version is the correct one in this context. (there are sound files available for the definition below when you google "attribute" )
verb
/əˈtriˌbyo͞ot/
regard something as being caused by (someone or something).
"he attributed the firm's success to the efforts of the managing director"
noun
/ˈatrəˌbyo͞ot/
a quality or feature regarded as a characteristic or inherent part of someone or something.
"flexibility and mobility are the key attributes of our army"
Thank him for sharing this for free not this! Shame
Shame on you! Shame
Thank you!