HTML学习笔记----01day

目录

HTML

标签

表格

CSS

  选择器

  字体

---

HTML

标签

标题标签：<h1>-<h6>等标签进行定义的，<h1> 定义最大的标题。<h6> 定义最小的标题。

<h1>标题内容</h1>

段落标签：<p>标签定义的。

<p>段落内容</p>

水平线标签：<hr />标签在 html页面中创建水平线。

<hr/>

div标签： <div> 可定义文档中的分区或节，可以把文档分割为独立的、不同的部分。

<div>内容</div>

span标签： 被用来组合文档中的行内元素。

<span>内容</span>

 图像标签：<img>是空标签，它只包含属性，没有闭合标签。

<img src="图像URL" />

 链接标签：

<a> 标签在 HTML 中创建链接，有两种使用<a>标签的方式：

• 通过使用 href 属性 - 创建指向另一个文档的链接
• 通过使用 name 属性 - 创建文档内的书签

<a href="跳转目标" target="弹出方式">文本或图像</a>

 列表标签：有序、无序和自定义列表。

无序列表 ul ：无序列表是一个项目的列表，此列项目使用粗体圆点进行标记。（常用）

<ul> 
<li>内容</li>
<li>内容</li>
</ul>

 有序列表 o：l有序列表也是一列项目，列表项目使用数字进行标记。

<ol>
<li>内容</li>
<li>内容</li>
</ol>

自定义列表：自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>开始。 

<dl>                                  
<dt>Coffee</dt>                            
<dd>Black hot drink</dd>            
<dt>Milk</dt>                             
<dd>White cold drink</dd>
</dl>

表格

表格由 <table> 标签来定义。每个表格均有若干行（由<tr> 标签定义），每行被分割为若干单元格（由 <td>标签定义）。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table>
  <tr>
    <td>内容</td>
  </tr>
</table>

CSS

  选择器

1.类选择器

.类名{      

 属性:属性值；

 }

2.多类选择器

有时设置一个样式需要选择多个选择器类名，在class中写，类名之间空格隔开，先后顺序无影响，只受css样式书写的上下顺序影响。

列：class="类名1 类名2 ...."

3.id选择器

#类名{

属性：属性值；

}

4.通配符选择器

*{

属性：属性值；

}

  字体

1. font-size:字号大小
2. font-family:规定元素的字体系列。
3. font-weight:字体粗细设置或检索对象中文本字体的粗细（数值最大900）
4. normal：正常的字体，相当于数字值400
5. bold：粗体，相当于数字值700
6. bolder：定义更粗的字符
7. lighter 定义更细的字符
8. font-style:字体风格
9. normal：默认值，浏览器显示一个标准的字体样式
10. 10.italic：浏览器会显示一个斜体的字体样式。