HTML+CSS基础知识总结-优快云博客

本文链接：https://blog.youkuaiyun.com/likeJava76/article/details/131520751

HTML（Hypertext Markup Language）是一种用于创建和组织网页内容的标记语言。以下是HTML的一些重要知识点总结：

文本标签：HTML中的一些标签用于处理文本，包括：
<h1>到<h6>：定义标题的级别，从大到小
<p>：定义段落
<a>：定义链接
<strong>：定义强调文本（粗体）
<em>：定义强调文本（斜体）
<br>：插入换行符

	<h1>一级标签</h1>
	<h2>二级标签</h2>
	<h3>三级标签</h3>
	<h4>四级标签</h4>
	<h5>五级标签</h5>
	<h6>六级标签</h6>

	<h1>北京欢迎你</h1>    
	<hr />            //水平线
	<p>    
		北京欢迎你，有梦想谁都了不起！<br />  //换行
		有勇气就会奇迹<br />
		北京欢迎你，为你开天避地<br />
		流动中的魅力充满潮气。<br />
	</p>
    <strong>徐志摩人物简介</strong>    //加粗
    <em>1910</em> //倾斜

无序列表：使用<ul>标签来创建无序列表。其中，每个列表项使用<li>标签来定义，并用<li>标签包裹。无序列表通常以圆点或其他符号作为项目符号显示

<ul class="a">
	<li>范冰冰演藏族女孩</li>
	<li>撞死两个人后自拍</li>
	<li>诗隆甜蜜出游</li>
	<li>一线城市楼市退烧</li>
</ul>

有序列表：使用<ol>标签来创建有序列表。其中，每个列表项使用<li>标签来定义，并用<li>标签包裹。有序列表将自动生成项目编号

<ol>
	<li>范冰冰演藏族女孩</li>
	<li>撞死两个人后自拍</li>
	<li>诗隆甜蜜出游</li>
	<li>一线城市楼市退烧</li>
</ol>

定义列表：使用<dl>标签来创建定义列表。其中，每个术语使用<dt>标签来定义，描述使用<dd>标签来定义。定义列表是一种常用的术语定义方式

<dl>
	<dt>水果</dt>
	<dd>苹果</dd>
	<dd>桃子</dd>
	<dd>李子</dd>
	
	<dt>蔬菜</dt>
	<dd>白菜</dd>
	<dd>黄瓜</dd>
	<dd>西红柿</dd>
</dl>

表格标签：HTML中的一些标签用于创建表格，包括：
<table>：定义表格
<tr>：定义表格行
<th>：定义表头单元格
<td>：定义表格数据单元格

<table border="1" cellspacing="" cellpadding="">
		<tr>
			<th>1行1列的标题</th>
			<th>1行2列的标题</th>
			<th>1行3列的标题</th>
		</tr>
		<tr>
			<td>1行1列的单元格</td>
			<td>1行2列的单元格</td>
			<td>1行3列的单元格</td>
		</tr>
		<tr>
			<td>2行1列的单元格</td>
			<td>2行2列的单元格</td>
			<td>2行3列的单元格</td>
		</tr>
</table>

表单标签：HTML中的一些标签用于创建表单，包括：
<form>：定义表单
<input>：定义输入字段
<textarea>：定义文本域（多行输入字段）
<select>：定义下拉列表
<option>：定义下拉列表中的选项
<button>：定义按钮

选择器：CSS使用选择器来选择要应用样式的HTML元素。常见的选择器有：

1、元素选择器：选择HTML元素，如`p`选择所有段落元素
2、类选择器：选择具有特定类的HTML元素，如`.highlight`选择所有具有`highlight`类的元素
3、 ID选择器：选择具有特定ID的HTML元素，如`#header`选择ID为`header`的元素
4、属性选择器：根据元素的属性选择HTML元素，如input[type="text"]选择所有type属性为text的input元素