Html基础

最新推荐文章于 2023-03-06 17:15:50 发布

ChucK_57

最新推荐文章于 2023-03-06 17:15:50 发布

阅读量105

点赞数 5

本文链接：https://blog.csdn.net/ChucK_57/article/details/117449187

版权

一、常用标签

html的文件结构

em/strong

span

blockquote

nbsp

code

pre

ul-li

ol-li

div

table

img

form

label

input

<hx>标签是标题标签，表示文章标题（x=1-6）

<body>

</body>

作用：p标签是段落标签

语法：<p>段落文本</p>

em/strong

作用：强调文字，默认em是斜体，strong是粗体，都可以用css调整

用法：<em>强调文本</em>

用法：<strong>强调文本</strong>

span

作用：span标签为文字单独设置样式（通过css）

用法：<span>单独处理文本</span>

作用：q标签是引用标签，引用的文字会自动加上引号

用法：<q>引用文本</q>

blockquote

作用：长引用标签，默认做法是缩进

用法：<blockquote>引用文本</blockquote>

作用：换行 ( break )

用法：<br />

作用：加粗

用法：<b>内容</b>

作用：斜体

用法：<i>内容</i>

作用：下划线

用法：<u>内容</u>

&nbsp；

作用：空格，你在html里面输入的空格最后都会被解析成1个空格，所以需要多个空格的使用可以用nbsp（Non-breaking space）

用法： 

作用：分隔线 ( horizontal )

用法：<hr/>

code

作用：代码，防止浏览器误认为是要执行代码，而没显示代码。加了标签浏览器就不会执行了，而是像文本一样显示出来

用法：<code>代码语言</code>

pre

作用：在处理多段预览文字或代码时使用（保证显示的格式，不需要<br />或&nbsp控制格式）

用法：<pre>语言代码段</pre>

ul-li

作用：无序列表显示

用法：

<ul>

......

</ul>

ol-li

作用：有序列表显示

用法：

<ol>

......

</ol>

div

作用：划分（division ），可以根据逻辑组成把页面划分成不同部分，然后通过css对不同部分进行装饰。（就像屋内的房间划分一样）

用法：<div>…</div>

table

作用，产生一个表格

用法：主要是table、tbody、tr、th、td四元素的使用

<table>表示一个表格

<tbody>表示这个表格内容是一个整体（一次显示而不是多次加载）

<tr>表示一行

<td>表示一个单元格

<th>表示表头

注意：默认是不代框的，如果加框可以用css样式

<table>

<tbody>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

作用1：实现超链接

用法：<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a>

target属性表示是在当前窗口还是新窗口打开，_blank表示新窗口，还有_self自身窗口，_top顶部框架,_parent父框架。

作用2：链接Email地址

img

作用：插入图片

语法：<img src="图片地址" title="鼠标滑过显示文字" alt="下载失败时的替换文本" title = "提示文本">

label

作用：显示文本和关联控件

语法：<label for="关联名字">显示文本</label>

注意：用for属性可以关联控件，有些像单选多选框这类不易点击的，可以用label关联

<form>

<br />

<br />

</form>

这样就可以点击“男”或“女”触发点击单选的功能

your text

input

作用：根据type类型

用法：<input type="类型">显示文本</input

type类型：

text: 文本类型

password: 密码类型

radio：name="name"name属性相同的单选框

checkbox：复选框

file: 选择文件

botton：按钮（定义onclik触发消息）

submit：提交数据

reset : 重置数据

块级元素与行内元素：

行内元素和块级元素的区别：

行内元素：　　

与其他行内元素并排

不能设置宽高，默认的宽度就是文字的宽度

块级元素：

霸占一行，不能与其他任何元素并列。

能接受宽高，如果不设置宽度，那么宽度将默认变为父级的100%。

文本级标签：p , span , a , b , i , u , em

容器级标签：div , h系列 , li , dt ,dd

　　　　p：里面只能放文字和图片和表单元素，p里面不能放h和ul，也不能放p。

行内元素：除了p之外，所有的文本级标签，都是行内元素。p是个文本级标签，但是是个块级元素。

块级元素：所有的容器级标签，都是块级元素，以及p标签。

实体元素：

在 HTML 中，某些字符是预留的。

在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。

如需显示小于号，我们必须这样写：< 或 < 或 <

相对路径与绝对路径：

相对：<body backround="E:\book\网页布局\代码\第2章\bg.jpg" >

绝对：<body background="bg.jpg">

列表：

ChucK_57

关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
Html基础

一、常用标签目录html的文件结构hxpem/strongspanqblockquotebrbiunbsphrcodepreul-liol-lidivtableaimgformlabelinputhx<hx>标签是标题标签，表示文章标题（x=1-6）<body> <h1>一级标题</h1> &l...
复制链接

扫一扫