初学入门 html/css 的有用知识点简单总结（一）

本文链接：https://blog.csdn.net/Eternity_matt/article/details/108122343

html的标签

一，html的标签分类

1. 行内标签（无法设置宽、高，且不换行！）

常见：<a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

2.块级标签 (标签独占一行，可指定宽、高)

常见： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>

3. 行内块标签（inline-block） (不换行且可指定宽、高)

常见：<img>、<input>

4.标签类型转换形式

display:inline;转换为行内元素
display:linline-block;转换为行内块元素
display:block;转换为块级元素

5.特殊标签

标签	描述
<html>	定义 HTML 文档
<body>	定义文档的主体
<hr>	定义水平线
<br>	换行符标签
<!-- .... -->	定义注释
<title>	定义了浏览器工具栏的标题
<link>	定义了一个文档和外部资源之间的关系
<style>	定义了HTML文档的样式文件(css文件部分)
下面是h5新标签
<header>	定义页面头部
<footer>	定义页面的脚（底部）
<nav>	标签定义导航链接的部分
<article>	标签定义外部的内容
<aside>	定义侧边栏
<mark>	高亮显示
<section>	标签定义文档中的节

二，表格、表单和列表

1.表格

(1). 表格<table >标签

(2). <tr > 定义表格中的行标签

(3). <td> 定义表格中的列标签

(4). <th>定义表格的表头


<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

2.列表

列表分三种

(1).无须列表

<ul>
        
<li>Coffee</li>
        
<li>Milk</li>
        
</ul>

Coffee
Milk

(2).有序列表

<ol>
        
<li>Coffee</li>
        
<li>Milk</li>
        
</ol>

Coffee
Milk

(3).自定义列表

<dl>
        
<dt>Coffee</dt>
        
<dd>- black hot drink</dd>
        
<dt>Milk</dt>
        
<dd>- white cold drink</dd>
        
</dl>

Coffee

- black hot drink

Milk

- white cold drink

3.表单 ——表单用<from>标签来设置

<form action="./表单提交页.html" method="get" name="firtform" >
代表表单的整体可以用来提交数据写出表单的名字

（1）.设置格式

密码: <input type="password" name="pwd"> —— 设置密码框

<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female —— 设置单选按钮（name用来判别是同一组按钮）

<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car —— 设置复选框按钮

<input type="submit" value="Submit"> —— 设置提交按钮

<input type="reset"> —— 设置重置按钮

<select name="firstsel" id="sel1" size="1">
<option value="pg">苹果</option>
<option value="xj">香蕉</option>
<option value="lz" selected>梨子</option></select>
<input type="submit"> —— 设置下拉列表

size 选择初始显示几个值 selected 默认选择的是什么值

—— 设置文本域

（2）.设置属性

disabled —— 使按钮无法使用

checked —— 默认已经选中

placeholder="...." —— 只读文本为。。。

minlength="6" —— 限制文本输入时的最小长度

maxlength="6" —— 限制文本输入时的最大长度

三. 特殊符号

&lt; 等同于 <
&gt; 等同于 >
&copy; 等同于 ©
&nbsp;  等同于“空格”