Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > 【HTML】-Common tags-News release system_html/css_WEB-ITnose

【HTML】-Common tags-News release system_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:40:22
Original
1301 people have browsed it

By learning an episode of HTML, I have a better understanding of some tags in the original news release system, and I feel that I have gained a lot.


Definition

HTML is a hypertext markup language. "Hypertext" means that the page can contain pictures, links, and even non-text elements such as music and programs.


Elements and tags

Four basic elements:


: empty element

< hr color="red">: Empty element with attributes

http://www.zhaohan.com: Element with content

http://www.zhaohan.com: Element with content and attributes

Example:


Running result:

It can be seen that the running result is different from what is written in the code, there is no segmentation. This is because: if there are multiple whitespace characters (spaces, tabs, carriage returns, line feeds, etc.), the browser will only parse it into one space character when displayed, so the above effect occurs.

This requires us to understand some tags related to paragraph control:

p: paragraph. # is the attribute value, which can be: left/center/right/justify.


: Line break

: Insert a horizontal line and specify the color.

For example: 

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>        <title>        HTML    </title></head><body>    <p align="center">HTML</p>               <!--HTML居中-->    <p align="center">HTML 2.0?1995年11月<br /></p>    <hr width="200px"/>                      <!--下划线，宽200px-->   <p align="center">HTML 3.2?1997年1月</p></body>
Copy after login

The running result becomes:


If you want to modify the text To do some design, you need to understand the text setting tags:

: center the text

: set the title, n is the level of the title, 1 means maximum. align sets the alignment of the title

: sets the font and color

: bold

: Italic

Such as: 

    情况下自定义一个文件类型描述。举例来说：  <!-- 原版-->   <center> <b>为了说明文档使用的超文本标记语言标准，</b><br /></center><!--居中+粗体-->   <i> 所有超文本标记语言文档应该以“文件类型声明”头，<br /></i>       <!-- 斜体-->   <font size="19" color="red"> 引用一个文件类型描述或者必要<br /></font> <!--字号：19 颜色红-->
Copy after login
Running effect:

Some characters in the system are Restricted, or have other meanings. If you want to enter some special characters, you need to quote the special characters:



For example: Beef Brisket News In the publishing system: 

<div id="footer">             版权所有 &copy; 赵寒 &<a href="http://blog.csdn.net/onlybymyself" target="=blank"> 赵寒CSDN</a>        </div>
Copy after login

Effect:


List

Use tags create numbered lists. Use the start attribute in the

    tag to set the starting sequence number. Use the value attribute in the
  1. tag to change the numbering order in the list.

    Such as: 

    <ol start><li value ="1">不受尘埃半点侵，编就两溜青篱，春居独天下，花开五瓣，我赞你，傲然，梅。</li>　　　　<li>不为穷困而改节，蕙为无人不芳，幽香只暗持，叶立琼枝，我爱你，清秀，兰。</li>　　　　<li>不将悬枕畔涛声，触目千林憔悴，迸笋出苍壁，高风亮节，我敬你，廉洁，竹。</li>　　　　<li>不愿低首茎直立，卓为霜下杰出，抱枝宁自枯，罗宅残香，我顶你，高雅，菊。</li>     </ol>
    Copy after login

    Effect:


    There are many styles of numbering, The numbering type can be specified by using the type attribute in the tag.

    Reference:


    Table

    The table includes: title, header, table rows, and cells.

    Tables are defined through the

    element.

    The header is defined by

    Cells use

    The title is defined by

    Add a new row defined by

    such as: 

    <span style="font-family:KaiTi_GB2312;font-size:24px;"><body>      <table border="1">       <caption >开销单</caption>              <th>日期</th>       <th>项目</th>       <th>费用</th>       <tr>           <td>2015-7-25</td>           <td>水费</td>           <td>50元</td>       </tr>   </table></body></span>
    Copy after login

    Effect:


    In the code, border sets the width of the table line.


    Hyperlink

    The syntax format is:

    For example: beef brisket error page: 

       <div id="footer">             版权所有 &copy; 赵寒 &<a href="http://blog.csdn.net/onlybymyself" target="=blank"> 赵寒CSDN</a>        </div>
    Copy after login
    Zhao Han CSDN is set as a hyperlink, and the hyperlink address is: http://blog.csdn.net/onlybymyself.

    By watching an episode of video, I have a better understanding of HTML. I was a little confused when making brisket, but now I know those tags much better. It is said that the brisket news release system is like a bookmark of B/S. It seems to be true. Let’s get a preliminary understanding of each part from the brisket, and then gradually deepen it in the subsequent learning process...



    Copyright Statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.

    Previous article：HTML-How to use css on the mobile terminal to center the pop-up window with percentage layout horizontally and vertically_html/css_WEB-ITnose Next article：Initial experience with html_html/css_WEB-ITnose
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Latest Articles by Author
    Latest Issues
    function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
    From 2024-04-29 11:01:01
    0
    3
    2265
    How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
    From 2024-04-23 00:22:19
    0
    11
    2399
    The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
    From 2024-04-19 15:37:47
    0
    1
    2012
    There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
    From 2024-04-18 23:52:34
    0
    1
    1895
    Where is the courseware about CSS mind mapping? Courseware
    From 2024-04-16 10:10:18
    0
    0
    1966
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template

    Public welfare online PHP training，Help PHP learners grow quickly！

    About us Disclaimer Sitemap

    © php.cn All rights reserved