Razor Blade Tutorials

Picture Tags for various sizes / resolutions

#6 Start and End Tags

RazorBlade Fluent Tag API `TagStart`/`TagEnd` v3

A Tag object also has a .TagStart and .TagEnd property, which just contains that part of the tag, allowing you to place these tags around your work.

Requirements

RazorBlade 3.09

Resources

Razor-Blade Tag Docs

Razor-Blade Docs

The result

This tag was written using both .TagStart and .TagEnd because it may be easier for you that way.

Picture Tags for various sizes / resolutions

#6 Start and End Tags

Create custom (non Html5) tags

Source Code of this file

Below you'll see the source code of the file. Note that we're just showing the main part, and hiding some parts of the file which are not relevant for understanding the essentials. Click to expand the code

@inherits Custom.Hybrid.Razor12
@using ToSic.Razor.Blade;
<!-- unimportant stuff, hidden -->
RazorBlade Fluent Tag API TagStart... <!-- unimportant stuff, hidden -->

<h3>The result</h3>
@{
  var successBox = Tag.Div().Class("alert alert-success");
}
@successBox.TagStart
  This tag was written using both <code>.TagStart</code> and <code>.TagEnd</code> 
  because it may be easier for you that way.
@successBox.TagEnd

<!-- unimportant stuff, hidden -->