Is there any pure html way to “combine” markup tags into custom one?

Question

I am wondering if I can make something like:

<myTag>myAwesomText</myTag>

While "myTag" is a combination of other html tags, example:

<div class="myClass">
<p>myAwesomText</p>
</div>

Answer 1

Simply the answer is no, this is not possible in HTML.

Usually your text editor (for example Sublime Text) has an option to create snippets where you can customise a shortcut like <myTag> in which custom HTML or any code can be inserted. If you are interested in this, see Sublime Text and Their Snippet Feature

Note: you could also use a functional language like Javascript to create a feature like this

Also, a hacky way of doing something similar to this is creating a custom html element and using css to modify its properties ( although I'm sure this isn't widely supported ):

 mytag { font-weight: bold; color:red; } 

 <mytag>This is bold and red</mytag>