第一周预习：HTML+CSS入门1...-CSDN博客

本文链接：https://blog.csdn.net/elttil666/article/details/136964725

本文介绍了HTML的基本结构，如头部元素、常用标签如标题、段落、链接等，以及CSS的引入方式、选择器（如标签选择器、ID选择器和类选择器）和简单的样式设置。还详细讲解了HTML的类型及其在网页设计中的应用。

摘要由CSDN通过智能技术生成

1,html基本结构

<!DOCTYPE html>
<html>
    <head>
    	<meta charset="utf-8">
    	<title>标题</title>
    </head>
    <body>
    	// 内容
    </body>
</html>

2,html常用标签

(1) 标题标签：<h1>...</h1> ~<h6>...</h6>

(2) 段落标签：<p>...</p>

(3) 换行标签: <br/>

(4) 加粗：<strong>(加强语气）</strong>或者<b> </b>

倾斜：<em> (加强语气）</em>或者<i> </i>

删除线：<del> </del>或者<s> </s>

下划线：<ins> </ins>或者<u> </u>

(5) 字体标签：<font 属性名=”属性值”>文字</font>

(6）图像标签：<img src="xxxxxx" 属性2="xxxxxx">

建议使用相对路径：从引入者所在目录出发。

(7) 超链接标签：< a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

(8) 表格标签:

<table></tabe>是用于定义表格

<tr></tr>标签用于定义表格中的行

<td>内容</td>用于定义表格中的单元格

<th></th>表示表格的第一行或第一列，<th>和<td>唯一区别：<th>内容居中加粗

（9）空格符号: 

(10) HTML注释:

(11)列表标签:

无序列表<ul></ul>

有序列表<ol></ol>

列表条目项<li></li>

（12）块标签：<span></span>

用于在效果中一行上定义一个块，进行内容显示。

（13）块级的块标签：<div></div>

用于在效果中定义一块，默认占满一行，进行内容的显示

3,html的全局属性

（1）class

一个以空格分隔的元素的类名列表，它允许 CSS 和 Javascript 通过类选择器或 DOM 方法来选择和访问特定的元素。

（2）dir

一个指示元素中文本方向的枚举属性。它的取值如下：

ltr, 指从左到右，用于那种从左向右书写的语言（比如英语）；
rtl, 指从右到左，用于那种从右向左书写的语言（比如阿拉伯语）；
auto, 指由用户代理决定方向。它在解析元素中字符时会运用一个基本算法，直到发现一个具有强方向性的字符，然后将这一方向应用于整个元素。

(3) id

定义唯一标识符（ID），该标识符在整个文档中必须是唯一的。其目的是在链接（使用片段标识符），脚本或样式（使用CSS）时标识元素。

(4) is

允许您指定标准HTML元素应该像已注册的自定义内置元素一样（有关更多详细信息，请参阅使用自定义元素）。

4,html的<input>类型

类型	描述
button	没有默认行为的按钮，上面显示 value 属性的值，默认为空。
checkbox	复选框，可将其值设为选中或未选中。
color	用于指定颜色的控件；在支持的浏览器中，激活时会打开取色器。
date	输入日期的控件（年、月、日，不包括时间）。在支持的浏览器激活时打开日期选择器或年月日的数字滚轮。
datetime-local	输入日期和时间的控件，不包括时区。在支持的浏览器激活时打开日期选择器或年月日的数字滚轮。
email	编辑邮箱地址的字段。类似 `text` 输入，但在支持的浏览器和带有动态键盘的设备上会有验证参数和相应的键盘。
file	让用户选择文件的控件。使用 accept 属性规定控件能选择的文件类型。
hidden	不显示的控件，其值仍会提交到服务器。举个例子，右边就是一个隐形的控件。
image	图形化 `submit` 按钮。显示的图像由 `src` 属性决定。如果 src 属性缺失，就会显示 alt 的内容。
month	输入年和月的控件，没有时区。
number	用于输入数字的控件。如果支持的话，会显示滚动按钮并提供缺省验证（即只能输入数字）。拥有动态键盘的设备上会显示数字键盘。
password	单行的文本区域，其值会被遮盖。如果站点不安全，会警告用户。
radio	单选按钮，允许在多个拥有相同 name 值的选项中选中其中一个。
range	此控件用于输入不需要精确的数字。控件是一个范围组件，默认值为正中间的值。同时使用 min 和 max 来规定可接受值的范围。
reset	此按钮将表单的所有内容重置为默认值。不推荐使用该类型。
search	用于搜索字符串的单行文字区域。输入文本中的换行会被自动去除。在支持的浏览器中可能有一个删除按钮，用于清除整个区域。拥有动态键盘的设备上的回车图标会变成搜索图标。
submit	用于提交表单的按钮。
tel	用于输入电话号码的控件。拥有动态键盘的设备上会显示电话数字键盘。
text	默认值。单行的文本字段，输入值中的换行会被自动去除。
time	用于输入时间的控件，不包括时区。
url	用于输入 URL 的控件。类似 `text` 输入，但有验证参数，在支持动态键盘的设备上有相应的键盘。
week	用于输入以年和周数组成的日期，不带时区。