HTML基础

最新推荐文章于 2022-11-21 13:26:40 发布

不敲代码的老王

最新推荐文章于 2022-11-21 13:26:40 发布

阅读量117

点赞数

本文链接：https://blog.csdn.net/Americacaptain/article/details/94405843

版权

浏览器内核

IE：Trident.
Safari:Webkit.
Firefox:Gecko.
Chrome:Blink(webkit分支).
Opera:Blink.

Web标准构成

结构:HTML——对网页元素进行整理和分类.
行为:CSS——设置网页元素的版式,颜色，大小等外观样式.
表现:Javascript——网页模型的定义及交互的编写.

HTML

：超文本标记语言

HTML骨架标签：

<html>
	<head>
		<title></title>
	</head>
	<body>
	</body>
</html>

HTML标签分类：

常规元素也就是双标签.
空元素也就是单标签:< hr />.< br />.< img src=’’ />.< input />.

页面语言选中文：< html lang=“zh-CN”>

HTML常用标签

排版标签
标题标签：< h1> < /h1>.
段落标签：< p>< /p>.
水平线标签：< hr />.
换行标签：< br />.
没有语义的标签：只当盒子用 < div>< /div>.< span>< /span>.
文本格式化标签：
加粗：~~< b>< /b>~~ < strong>< /strong>.
斜体：~~< i>< /i>~~ < em>< /em>.
加删除线：< del>< /del>.
加下划线：< ins>< /ins>.
图像标签：
< img src=“图像url” /> .
图片属性：
src：图像路径必写属性.
alt:图像不显示时替换文本.
title:鼠标悬停是显示的内容.
width.height.border.
链接标签：
< a href=“跳转目标” > < /a>.
链接属性：
href：指定链接目标的url地址必写属性.
target:指定链接页面的打开方式(_self为默认值. _blank为新窗口中打开).

路径:

相对路径：
同一级路径：只输入图像文件名称.
下一级路径： " / “.
上一级路径：” …/ "
绝对路径：符合是’ \ '.

拓展：

锚点定位：
可以直接跳到所想去的位置
< a herf="#id名称"> < /a>.
< h1 id=“id名称”>< /h1>.
Base标签：
base标签设置整体全部链接的打开状态，< base target=" _blank " /> (单标签) 写在< head>< /head>之间.
预格式化文本：
< pre>< /pre>按照我们预先写好的文字格式来显示页面，保留空格和换行.

特殊字符：

空格符：&nbsp； .
大于号：&gt；
小于号：&lt；

表格：

表格标签：table.
行标签：tr.
单元格标签：td.
表头单元格标签(文字加粗居中)：th.
表格标题：caption.
表格属性：
表格边框:border
单元格间距:cellspacing
单元格内容与单元格边框间距:cellpadding
表格水平对齐方式:align
表格宽度:width
表格高度:height

<table border="1" cellspacing="0" align="center">
	<caption>标题</caption>
	<tr>
		<th>...</th>
		<th>...</th>
	</tr>
	<tr>
		<td>...</td>
		<td>...</td>
	</tr>
</table>

合并单元格：
跨行合并：rowspan.
跨列合并：colspan.
合并完记得删掉多余的.

列表:

无序列表：

<ul>
	<li></li>
	...
</ul>

有序列表：

<ol>
	<li></li>
	...
</ol>

自定义列表：

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

表单：

在这里插入图片描述

eg:男 < input type=“radio” name=’'sex" checked=“checked”>;

label标签

：为input元素定义标注。常与input表单一起用，绑定一个表单元素，点击label标签的时候，被绑定的表单元素就会获得输入焦点也就是光标.
如何绑定： labe标签直接包括input表单
< label> < input> < /label>

文本域标签

：textarea.
< textarea> < /textarea>

下拉列表标签

< select>
< option selected=“selected”>1< /option>
< option>2< /option>
< /select>

表单域

< form action=“url地址” method=“提交方式” name=“表单名称”>
表单控件
< /form>

不敲代码的老王

关注

0
点赞
踩
0

收藏

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

浏览器内核IE：Trident.Safari:Webkit.Firefox:Gecko.Chrome:Blink(webkit分支).Opera:Blink.Web标准构成结构:HTML——对网页元素进行整理和分类.行为:CSS——设置网页元素的版式,颜色，大小等外观样式.表现:Javascript——网页模型的定义及交互的编写.HTML：超文本标记语言HTML骨架...
复制链接

扫一扫