HTML 基本格式

关注

原创最新推荐文章于 2026-04-24 10:17:51 发布 2.2k 阅读 AI 写同款· GEO 优化 ›

一.chrome浏览器默认最小字体为12px解决办法：

方式一：
设置浏览器最小字体限制：
a. 修改方法一
设置--》高级设置--》网络内容--》自定义字体...
设置成最小字体就可以了。(无须重启)
b. 修改方法二。
找到客户端机器以下文件
C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences

[html] view plain copy
"webkit": {
"webprefs": {
"minimum_font_size": 12,
"minimum_logical_font_size": 12
}
}
把以上值进行修改就可以了(重启Chrome)
处理以上两个方法之外，网络上还流传着一种解法：
设置 – 选项 – 高级选项 – 更改字体和语言设置 – 语言 – 谷歌浏览器语言：英文（美国）

二.设置字体颜色和大小：
在一个标签的开始tag中添加style属性，设置color和font-size值，如：

<h1 style="color:green;font-size:16px">Big Heading</h1>

三.设置字体类型：

在一个标签的开始tag中添加style属性，设置font-family值，如：

<li style="font-family:Impact;font-size:10px">

四.设置背景颜色：

<body style="background-color:brown;">
<ol style="background-color:yellow">

五.text摆放位置：

<h3 style="text-align:center">
<li style="text-align:left">
<li style="text-align:right">

六.字体加粗：
无需使用style属性，在你想加粗的text上添加<strong>标签，如：

<strong>sing</strong>

七 .字体倾斜：
添加<em>标签，如：

<em>red</em>

八.添加注释：快捷键:Ctrl+/

九.表格
在<body>标签中添加<table>标签，表示这是一个表格，在<table>标签中添加<tr>标签（table row），
表示这是表格的一行，然后在<tr>标签下添加<td>标签（table data）,表示这一行的一列数据，如：

 <table border="1px">
            
                <tr>
                    <td>King Kong</td>
                    <td>1933</td>     
                </tr>
                
                <tr>
                    <td>Dracula</td>
                    <td>1897</td>
                </tr>
                
                <tr>
                    <td>Bride of Frankenstein</td>
                    <td>1935</td>
                </tr>
            
        </table>

以下为图片展示效果：

十.<tbody>

<tbody>标签跟<body>标签一样，表示表格体，<thead>标签表示表格头，<th>标签表示一列的头。

十一.colspan属性表示该<th>占几列，如：

<th colspan="2">Famous Monsters by Birth Year</th>

十二.<div>标签（division）允许你将你的划分成几个部分。也可以将其包含在<a>标签中，使其具有链接属性。

十三.<span>标签允许你对网页中某个小部分进行格式控制，如一段文本中的某个单词。

十四.配置CSS的两种方式：

a.在同一个HTML文件的<style>标签中写，并把<style>标签放置在<head>标签中，如：

<head>
		<style>
			p {
				color: purple;
			}
		</style>
		<title>Result</title>
	</head>

b.在一个独立的.css文件中编辑格式，并让HTML文件链接到你的.css文件，具体做法如下：
（1）在HTML文件的<head>标签中添加<link>标签；
（2）在<link>标签中添加属性，分别是type,rel,href；
（3）type属性值总是"text/css",rel属性值总是"stylesheet",href属性值指明.css文件的位置。
注：属性值之间没有分号，如：

<link type="text/css" rel="stylesheet" href="stylesheet.css">

十五.Self-closing tag

十六.CSS的基本格式：
selector {
property: value;
}
selector可以是任何一个HTML标签，如<p>,<img>,<table>,只是去掉了<>;
property是该标签的格式的一个方面，如font-size,color,font-family等；
value就是该属性具体的值；
每个属性值对都要以一个分号结尾，切记！

十七.video标签：(HTML5)

用来创建播放器，如:

<video width="320" height="240" controls>
  <source src="video-url.mp4" type="video/mp4">
</video>

效果如图：

十八.指定文档的字符集，使用<meta>标签，并指定charset属性值，如：

<meta charset="utf-8"/>

十九.nav标签

<nav>标签用来组织网页的导航菜单，如：

<nav>
      <ul>
        <li><a href="#"><b>Arctic</b></a></li>
        <li><a href="#">Alpine</a></li>
        <li><a href="#">Antarctic</a></li>
      </ul>
      <div class="contact-btn"><a>Contact</a>
      </div>
<nav>

收录于