您的位置: 首页  >  IT文章  >  day 49 html标签介绍，标题、段落、a、img、表格、特殊符号、常用标签、div、span

day 49 html标签介绍，标题、段落、a、img、表格、特殊符号、常用标签、div、span

分类: IT文章 • 2025-02-01 15:17:25 
HTML简介
#网页的组成：
1. html
相当于骨架
2. css
肉,衣服
3. js,jq
动了

静态网页：没有连接数据库，数据不能动态改变
动态网页：连接了数据库，数据能随着数据库的改变动态改变



#浏览器
c/s
客户端、服务端
b/s
浏览器、服务端

浏览器就是一个客户端，浏览不通过服务端也能把我们文本渲染
 #什么是html
 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言

#html文件的结构 
<!DOCTYPE html>要用什么版本html进行解析
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
1 标签的书写，
双标签，<head></head>
单标签  <meta charset="UTF-8">
2 标签里面的属性
<标签名 属性名="属性值"></标签名>
<标签名 属性名="属性值" />
<标签名 >标签
<!DOCTYPE html> #告诉浏览器你应该用什么版的html去解析 
<html></html> #中间所有的内容才是我们真正html lang="en"表示哪个国家的语言 
<html lang="en"> 

<head>
    <meta charset="UTF-8">#我们html的编码格式
    <title>sdhasd</title> #网页的标题

    <style></style> #样式标签，可以把css写在style标签中
    <script src="t.js"></script> #将js文件放入script标签中  alter（'提示信息'）网页弹窗提示信息
    <link rel="stylesheet" href="01.css"/>  #将css文件放入lin标签中

  <meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">-->
    <meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> 
    <meta name="description" content="老男孩教育Python学院">                       #搜索引擎主要参考这两个

</head>
<body>
<div>
    aa
</div>

双标签：<html >内容</html>
单标签:<br/>
标签的属性：任何一个标签都有id 和 class属性
 <div  '><!---奥术大师多-->





#行内标签
#块级标签

#标题标签


<h1 >




#无序列表标签
disc（实心圆点，默认值）
circle（空心圆圈）
square（实心方块）
none（无样式）

<ul class="a" type="circle">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

#有序列表标签
type属性：
1 数字列表，默认值
A 大写字母
a 小写字母
Ⅰ大写罗马
ⅰ小写罗马

<ol type="A" start="2">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>

#标题列表
<dl>
　　<dt>标题1</dt>
　　　　<dd>内容1</dd>
　　<dt>标题2</dt>
　　　　<dd>内容1</dd>
　　　　<dd>内容2</dd>
</dl>

#表格标签
border: 表格边框.
cellpadding: 内边距
cellspacing: 外边距.
 像素 百分比.（最好通过css来设置长宽）
rowspan: 单元格竖跨多少行
colspan: 单元格横跨多少列（即合并单元格）

<table border="1" cellpadding="20" cellspacing="20" >
    <thead>
        <tr>
            <th>name</th>
            <th>age</th>
            <th>sex</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="3">egon</td>
            <td>39</td>
            <td>男</td>
        </tr>
        <tr>
            <td colspan="2">egon</td>
            <td>39</td>
            <td>男</td>
        </tr>
        <tr>
            <td>egon</td>
            <td>39</td>
            <td>男</td>
        </tr>
    </tbody>
</table>





#普通文本
<br> #换行
<b>加粗</b>
<br>
<i>斜体</i>
<br>
<u>下划线</u>
<br>
<s>删除</s>

<a href="">a</a>
<br>
<a href="">a</a>
<br>
<a href="">a</a>

#水平线
<hr>

<div>我是块级</div>
<span>我是行内</span>
<span>我是行内</span>

#html中特殊符号
<span>我是&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;行内</span>
<!--空格 &nbsp;-->
<!--&gt;   &gt;-->
<!--<  &lt;-->
<!--&  &amp;-->
<!--¥  &yen;-->
<!--版权 &copy;-->
<!--注册 &reg;-->

<!--&lt;script&gt;-->
<!--alert("123")-->
<!--&lt;/script&gt;-->



 









															

																					

								

									相关推荐