html基础

最新推荐文章于 2021-11-02 13:22:08 发布

梦道丶

最新推荐文章于 2021-11-02 13:22:08 发布

阅读量86

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qq_42511085/article/details/102610703

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

什么是HTML

HTML是用来描述网页的一种语言

HTML指的是超文本标记语言（Hyper Text MarkUp Language）
HTML不是一种编程语言，而是一种标记语言（markup language）
标记语言是一套标记标签（Mark tag）
HTML使用标记标签来描述网页

浏览器

IE：IE
win10：Edge -->最新内核EdgeHTML
Firefox -->Gecko
webKit --> Safar
chrome --> Chromium/Blink
Opera --> Presto

HTML文档 = 网页

HTML文档描述网页
HTML文档包含HTNL标签和纯文本
HTML文档也被称为网页
web浏览器的作用是读取HTML文档，并以网页的形式显示出它们，它的结构是：

<html>
	<head>
		<title>标题</title>
	</head>
	<body>
	内容
	</body>
</html>

<html> 与 </html>之间的文本描述网页
<body>与 </body>之间的文本是可见的内容
<h1>与</h1>之间的文本被显示为标题
<p>与</p>之间的文本被显示为段落

HTML标签

HTML标记标签通常被称为HTML标签（HTML tag）

HTML标签是由尖括号包围的关键字，比如<html>
HTML标签通常是成对出现的，比如<b>和</b>
标签中的第一个标签是开始标签，第二个标签是结束标签
开始和结束也被称为开放标签和闭合标签

HTML标题

HTML标题是通过<h1>-<h6>等标签进行定义的
浏览器默认在标题后面增加空格
确保标题的重要性

HTML段落

通过<p>标签进行定义
浏览器默认增加空格
在不生产新的段落情况下进行换行，使用<br/>标签
在现实页面中，浏览器会移除源代码多余的空格和空行，连续的空格和空行均算为一个空格
<hr/>段落标签，用于生成水平线属性width：控制宽度 color：控制颜色 size：控制线的粗细
HTML中使用空格的方式： 或者全角状态下的空格

HTML链接

通过<a>标签进行定义的
在herf属性中指定链接的地址

<a href="http://www.csdn.net">This is a link</a>

属性target:_blank 表示在新窗口打开 target_parent 表示在原窗口打开

锚记

跳转到同一页面的不同位置
使用方式：
在跳转位置处添加一个锚记，<a name=“名称”></a>
创建链接 <a href="#锚记名称">点击内容</a>
跳转到不同页面的不同位置
使用方式：
在跳转位置处添加一个锚记，<a name=“名称”></a>
创建链接 <a href=“文件名#锚记名称”>点击内容</a>

HTML图像

HTML图像是通过<img>标签进行定义的。其中属性 src：表示图片路径 title：表示图片描述 width：控制图片宽度 height：控制图片高度

<img src="csdn.img" width="100" height="100" />

HTML表格

HTML表格是通过<table>标签进行定义的。每个表格有若干行（由<tr>标签定义），每行被分割为若干单元格（由<td>标签定义）。字母td值表格数据，即数据单元格的内容。<caption>标签为表格表头
其中border：控制边框线宽度 cellspacing：控制边框与单元格间距 cellpadding：控制单元格填充 width：控制表格宽度
表格的表头用<th>标签进行定义
跨行和跨列合并分别使用 rowspan和colspan属性

HTML列表

无序列表

<ul type="">
	<li></li>
</ul>

type：disc（默认实心圆）square（方块）circle（空心圆）

无序列表

<ol type="" start="">
	<li></li>
</ol>

自定义列表

<dl>
 <dt></dt>
 <dd></dd>
</dl>

HTML表单

文本框 <input type="text">
文本框 <input type="text"/>
密码框 <input type="password"/>
单选按钮 <input type="radio"/>
复选框 <input type="checkbox"/>
文件域 <input type="file"/>
按钮 <input type="submit"/> 提交
<input type="reset"/> 重置
<input type="button" value="值"/>
<button></button>
下拉列表
<select>
<option></option>
<option selected></option>
</select>
文本域
<textarea rows="行数" cols="列数"></textarea>

表单分组
<fieldset>
<legend></legend>
name:~~
</fieldset>

梦道丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基础

什么是HTMLHTML是用来描述网页的一种语言HTML指的是超文本标记语言（Hyper Text MarkUp Language）HTML不是一种编程语言，而是一种标记语言（markup language）标记语言是一套标记标签（Mark tag）HTML使用标记标签来描述网页浏览器IE：IEwin10：Edge -->最新内核EdgeHTMLFirefox --&g...
复制链接

扫一扫