XHTML CSS writes out regular BLOG

The full name of a Blog should be Web log, which means "network log" in Chinese, and later abbreviated as Blog, and a blog (Blogger) is the person who writes Blog. Understanding, a blog is "a publishing method that expresses personal thoughts, online links, content, arranged in chronological order, and is constantly updated." Simply put, blogs are a type of people who are used to writing diaries online. How to apply the full name of the Blog should be Web log, which means network log in Chinese, and later abbreviated as Blog, and a blog (Blogger) is the person who writes the Blog. Understanding, a blog is a publishing method that expresses personal thoughts, online links, and content, arranged in chronological order, and is constantly updated. Simply put, blogs are a type of people who are used to writing diaries online. How to apply HTML and CSS to write beautiful and formal BLOG:

Hyperlinks are the most commonly used html tags in blogs. They are used to link to other articles or site links. It is recommended that you add the following attributes when using the a tag:

href: Set the URL address or anchor point of the link

target: Set the target window or frame page after clicking on the link with the mouse. Generally, target=_blank is commonly used, which means that a new window opens to open the link. If you open the link on the current page, you don’t need to add this attribute.

title: Set the prompt message displayed when the mouse moves to the link

rel: This is a new attribute that has only become popular recently. rel=nofollow means prohibiting search engines from linking from this site, causing changes in the pagerank value of the link URL, and is often used to prevent spam link; rel=tag This is a technorati setting for technorati that uses the text of this link as the tag tag for the page.

There should not be too many links in the article. Too many links will make readers feel depressed and nervous when reading. If the color of the link and the text color contrast is too large, it will also make people look dazzling. The best link effect is to have a light color contrast or underline, and fill in the title attribute to indicate what the content of this link is or why you want to link. Sometimes you can also attach links related to this article and comment on the list at the end of the article.

Writing a blog cannot be like Gu Long’s novels in one sentence or another, so it is undisputed to write a blog according to the writing style taught by the teacher when he was a student. It is recommended to use the p tag to segment the article, the code is as follows: <p>Article Text</p>.

It is worth mentioning that many bloggers do not have the habit of indenting the first line. Some of them at most also type a few spaces under the editor. Here is the first line indent code implemented with the text-indent attribute of css: <p style=text-indent:2em;>Article text</p>. The indent unit is generally 2em, indicating two Chinese characters. Do not use percentage or other unit lengths such as px and pt. Use em to maintain the indentation of the two Chinese characters while the page font and layout is scaled.

For bloggers who like to hang pictures in articles, it is recommended to set the align attribute of the img tag to left or right to easily achieve the hanging of the image and the winding of the body. You can also use the float attribute of the div tag to hang left and right to achieve text surround. What's even better is that you can realize left and right hanging for Google Adsense ads. The code: <div style=height:100%;width:150px;float:right;> You can place image links here, or put the google adsense code like foreign blogs</div>.

Use the <ul><ol><li> and other tags of the style sheet list to list some subtitle entries, code: <ul><li>Problem 1</li><li>Problem 2</li></ul>.

The font size of the text can be set according to your personal preference. Generally, the default version of the blog system is used (13pt, Song font and courier new). If the text needs a large font and your text is too large and stacked, add a style to the paragraph <p>: line-height:120%; this means that the line height is 1.2 times the font.

Although we all know that when writing blogs, it is best to be short and concise, but it is also impossible to avoid the need for long articles of special nature. At this time, it is recommended to set subtitles with different levels such as <h1><h2>...<h6>, and use the four definition list tags at the top of the article, the display effect is like the directory/index in word, which can increase the readability and organization of the article. Many articles in Microsoft's MSDN are arranged in this way. To implement the link jump function, you can modify the specific subtitle by modifying the anchor tag, the code is: <a name=list1><h1>Title 1</h1></a>.

Recommend using the <blockquote> tag, which can automatically reduce the left and right ends of the page. Generally, the default is 40 pixels indented, for example: <blockquote style=background-color:#f7f7f7;border:1px dotted #dedbde;padding:10px;>This is an example of quoting style</blockquote>