整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

三分钟教你玩转HTML

  • :HTML 基本结构
  • <html> 标记放在 HTML 文件的开头,是一个形式上的标记;
  • <body> 标记称为主体标记,网页所要显示的内容都放在这个标记内,它是 HTML 文件的重要所在;
  • <head> 标记称为头标记,起的作用是放置关于此 HTML 文件的信息,如提供索引、定义 CSS 样式等;
  • <title> 标记称为标题标记,起的作用是设定网页标题;


  • 2:开发中常用的标签
  • <b>文字以粗体方式显示</b>
  • <i>文字以斜体方式显示</i>
  • <u>文字以加下划线方式显示</u>
  • <s>文字以加下删除方式显示</s>
  • <big>文字以放大方式显示</big>
  • <small>文字以缩小方式显示</small>
  • <strong>文字以加强强调方式显示</strong>
  • <em>文字以强调方式显示</em>
  • <address>地址标签:xxxxxx@一只快乐的小码农.com</address>
  • <code>代码块</code>
  • align 属性控制段落的水平位置
  • bgcolor 属性设置背景颜色
  • 无序列表 ul
  • 有序列表 ol
  • 2.1 段落标签<p>
  • 2.2 换行标签<br>
  • 2.3 标题标签<h1>~<h6>
  • 2.4 文字居中标签<center>
  • 2.5 文字段落缩进标签<blockquote>
  • <img src="">网页中嵌入图片(height+weigth属性调整图片大小)
  • <form action="" method="">表单提交
  • <align="">对齐方式-left+right+center...
  • <div></div>-设置块级元素
  • type="radio"-单选框
  • type="checkbox"-复选框
  • <select><option></option><select>-下拉菜单

基本符号代码转化


  • 3:用 HTML 建立超链接
  • 3-1框架之间的链接
  • 3-1-1://frameset框架标签中用rows属性将窗口分为上中下三部分
  • <frameset rows="30%,10%,*">
  • <frame>
  • <frame>
  • <frame>
  • </frameset>
  • 3-1-2://用src属性在框架中插入网页
  • </head>
  • <frameset cols="30%,*">
  • <frame src="a.html">
  • <frameset rows="50%,*">
  • <frame src="b.html">
  • <frame src="c.html">
  • </frameset>
  • </frameset>
  • </html>
  • 3-1-3//框架之间建立链接
  • </head>
  • <frameset cols="30%,*">
  • <frame src="a.html">
  • <frame name="main">

  • </frameset>
  • </html>
  • 4:下一节我们讲css和js

挑战30天在头条写日记#

HTML是一种用于创建网页结构和内容的标记语言,其中包含了许多标签,可以用于排版、布局和展示内容。本文将详细介绍HTML中的<tr>和<td>标签的使用方法,并通过示例展示如何创建表格。


1. <tr>标签的作用: <tr>标签代表HTML表格中的一行(行数据),它可以包含一个或多个<td>元素作为单元格。


2. <td>标签的作用: <td>标签用于定义表格中的一个单元格(列数据),可以包含文本、图像、链接等内容。

3. 如何使用<tr>和<td>: 在使用<tr>和<td>标签时,首先需要创建一个<table>元素作为表格的容器,然后在其中嵌套<tr>和<td>标签,如下所示:

htmlCopy code<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

4. 表格样式: 可以使用CSS来为表格添加样式,如设置边框、背景颜色等。以下是一个简单的示例:

htmlCopy code<style>
  table {
    border-collapse: collapse;
    width: 100%;
  }
  td {
    border: 1px solid black;
    padding: 8px;
    text-align: center;
  }
</style>


5. 示例应用: 以下示例演示了如何使用<tr>和<td>标签创建一个包含姓名、年龄和城市的简单表格:

htmlCopy code<!DOCTYPE html>
<html>
<head>
  <style>
    table {
      border-collapse: collapse;
      width: 100%;
    }
    td {
      border: 1px solid black;
      padding: 8px;
      text-align: center;
    }
  </style>
</head>
<body>

<table>
  <tr>
    <td>姓名</td>
    <td>年龄</td>
    <td>城市</td>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>北京</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>上海</td>
  </tr>
  <tr>
    <td>王五</td>
    <td>28</td>
    <td>广州</td>
  </tr>
</table>

</body>
</html>

6. 书籍参考:

  • "HTML and CSS: Design and Build Websites" by Jon Duckett
  • "Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics" by Jennifer Niederst Robbins


7. 总结: 通过本文的介绍,我们了解了HTML中<tr>和<td>标签的基本用法,以及如何创建简单的表格和添加样式。使用这些标签,我们可以轻松地创建具有结构和内容的网页表格,提升页面的可读性和可视性。

下是使用 C# 创建 HTML 文件的代码示例:

using System;
using System.IO;

namespace CreateHTMLFile
{
    class Program
    {
        static void Main(string[] args)
        {
            // 设置 HTML 文件路径及文件名
            string filePath = @"C:\Temp\example.html";

            // 创建一个新的 HTML 文件
            using (StreamWriter writer = new StreamWriter(filePath))
            {
                // 写入 HTML 标记
                writer.WriteLine("<html>");
                writer.WriteLine("<head><title>Example HTML File</title></head>");
                writer.WriteLine("<body>");

                // 写入主体内容
                writer.WriteLine("<h1>Hello, World!</h1>");
                writer.WriteLine("<p>This is an example HTML file created using C#.</p>");

                // 写入 HTML 结束标记
                writer.WriteLine("</body>");
                writer.WriteLine("</html>");
            }

            // 输出成功消息
            Console.WriteLine("HTML 文件已创建:{0}", filePath);
        }
    }
}

此代码将创建一个名为 “example.html” 的 HTML 文件,并在其中添加一些基本的元素。你可以根据需要修改或扩展它,以满足你的具体需求。注意,要创建 HTML 文件,你需要使用 System.IO 命名空间中的 StreamWriter 类。该类允许你向文件写入文本数据。