HTML基本知识

最新推荐文章于 2022-07-27 18:33:48 发布

Das ist nervig.

最新推荐文章于 2022-07-27 18:33:48 发布

阅读量100

点赞数

分类专栏：基础知识文章标签： html

本文链接：https://blog.csdn.net/qq_45789916/article/details/115606136

版权

基础知识专栏收录该内容

2 篇文章 0 订阅

订阅专栏

导言

<!DOCTYOE HTML> 文档类型声明标签，表示这个页面采取HTML5版本显示页面
<html lang="en/zh—CN">定义当前页面为英文/中文页面
<meta charset="UTF-8"/>字符集规则
路径：

相对路径：文件相对于HTML页面（编程页面）而言的位置

同级路径	<img src="img.jpg" />
下级路径	< img src="文件夹/img,jpg" />
上级路径	<img src="../img.jpg" />

绝对路径：相对于电脑磁盘的路径或者网页链接

HTML常用标签

标题标签：<h1>- - <h6>
段落标签：<p> </p>
换行标签(让标签后的文字换一行)：
文本格式化标签(前面一组标签更为强烈)：

作用	标签
加粗	<strong></strong>或者<b></b>
倾斜	<em></em>或者<i></i>
删除线	<del></del>或者<s></s>
下划线	<ins></ins>>或者<u></u>

容器：
- - 一行只能有一个（单独占一行） <div></div>
  - 一行上可以多个<span></span>
图片标签：(属采取键值对的方式 src属性必须写，其余属性无先后之分，但属性之间要用空格隔开)

<img src="" alt="图片无法显示时的替换文字" title="鼠标放上图片时提示的文字" />
<img src="" width="图片宽度" height="图片高度" border="图片边框"/>

链接标签：

语法格式：<a href="" target="目标窗口的弹出方式,默认是_self"></a>

target 打开窗口的方式,默认是_self,即在当前窗口打开新链接，__blank是在新窗口打开链接

链接分类：
外部链接：<a href="http://"></a>
锚点链接：定位到页面中某个位置，如百度百科中小的分类链接：
网页元素链接:<a href="链接“><需要添加链接的原元素如文本、图像等></a>
下载链接：<a href="路径"></a>
空连接：<a href="#"></a>
内部链接：<a href="内部链接的位置"></a>

<a href="#id">内容</a> 然后在该位置的标签上添加上id如：

注释和特殊字符：

注释（ctrl+/）：
特殊字符：

表格标签：

<table></table>：定义表格
<tr></tr>:用于定义表格中的行，必须嵌套在<table></table>标签中
<td></td>:用于定义表格中的单元格，必须嵌套在<tr></tr>标签中
<th></th>:表头单元格，里面的内容会加粗居中显示
表格结构标签：

<thead></thead>:用于定义表格的头部，内部必须包含<tr></tr>,一般是位于第一行
<tbody></tbody>：用于定义表格的主体，主要用于存放数据本体

各种属性（必须写在<table>里面）：

属性名	属性值	描述
align	left、center、right	规定表格相对周围元素的对齐方式
boder	1或“”	规定表格单元是否拥有边框，默认为“”（表示没有边框）
cellpadding	像素值	规定单元格边沿与其内容之间的空白，默认1像素
cellspacing	像素值	规定单元格之间的空白，默认2像素
width	像素值或百分比	规定表格的宽度

合并单与格（在目标单元格写代码），需要删除多余的单元格

跨行合并（上行为目标行）：rowspan="要合并的个数"
跨列合并（左侧为单元列）：colspan=“要合并的个数”

列表标签

无序列表：<ul></ul>,里面只能放<li></li>，<li></li>里面可以容纳所有元素
有序列表：<ol></ol>,里面只能放<li></li>,系统会自动生成123...
自定义列表：<dl></dl>里面包含<dt>名词</dt><dd>名词解释1</dd><dd>，名词解释 2</dd>

<dl></dl>里只能包含<dt></dt>或者<dd></dd>,<dt></dt>和<dd></dd>里可以放任何元素

表单标签

表单：表单域、表单控件（表单元素）、提示信息

表单域：<form action="url" method="" name="表单名"></form>

属性	属性值	作用
action	url地址	用于指定并处理表单数据芙蓉服务器程序的URL地址
method	get/post	用于设置表单数据的提交方式
name	自定义名称	用于指定表单的名称，以区分用一个页面中的多个表单域

表单控件(表单元素必须写在表单域里面)：

<input type="属性值" value=" " name="" />

<label>标签：绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用于增加用户体验(for与id对应的值必须相同)：

<label for="sex">需要绑定的元素名称（如：男）</label>

下拉列表：<select></select>

<select>中至少包含一对<option>
在<option>中定义selected="selected"时，当前项即为默认选中项

<textarea>元素：当用户输入内容较多时，如留言、备注等可以采用<textarea>标签，它是用于定义多行文本输入的控件

通过<textarea>标签可以轻松地创建多行文本输入框
cols="每行的字符数”，rows="显示的行数"

Das ist nervig.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基本知识

导言<!DOCTYOE HTML> 文档类型声明标签，表示这个页面采取HTML5版本显示页面 <html lang="en/zh—CN">定义当前页面为英文/中文页面 <meta charset="UTF-8"/>字符集规则路径：相对路径：文件相对于HTML页面（编程页面）而言的位置同级路径 <img src="img.jpg" /> 下级路径 < img sr.
复制链接

扫一扫