浅谈HTML

最新推荐文章于 2022-10-19 13:47:19 发布

a_Keri

最新推荐文章于 2022-10-19 13:47:19 发布

阅读量347

点赞数 6

分类专栏：浅谈html 文章标签： HTML

本文链接：https://blog.csdn.net/a_Keri/article/details/78593586

版权

浅谈html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

浅谈HTML

html：超文本标记语言

基本结构：

<!DOCTYPE html>
    <html>
    <head>
            <meta charset="UTF-8">
            <title>网页标题</title>
    </head>
    <body>
            <h1>Hello world!</h1>
    </body>
</html>

解析：

<!DOCTYPE html>//文档声明，告诉浏览器以何种语言来解释HTML

<title>网页标题</title> //网页标题

<body></body>//body里面可以放文字，图形，表格，链接等...

HTML常用标签：

<hn></hn> h1--h6 h1最大 H6最小
<p></p>
<div></div>
<hr>--分隔线
<br>-换行
<img src="路径" title="" alt="">-加载图片

src属性，引入图片的路径<img src="图片路径">
alt :当页面图片加载不出来时给用户以提示信息
title:提示作用鼠标移入会显示信息离开会消失

<i></i>
<em></em>
<b></b>
<strong></strong>
<sub></sub>
<sup></sup>等
  & < > ©--特殊符号

块级元素：

<hn></hn>
<p></p>
<form></form>
<ul></ul>
<li></li>
<ol></ol>
<dl></dl>
<dt></dt>
<dd></dd>

行内元素：

<a></a>
<span></span>
<b></b>
<i></i>
<u></u>
<strong></strong>

行内块：

<img>
<input>
<select></select>
<textarea></textarea>

列表

无序列表

<ul>

</ul>

有序列表

<ol>

</ol>

自定义列表

超链接：

<a href=""></a>
href 链接路径
内部链接:相对路径
外部链接:http://www.sina.com
空链接 #
锚点链接定义一个锚点<a name=”t1”></a> 链接到锚点<a href=”#锚点名”>链接
target _blank 新窗口 _self本窗口打开

表格

表格属性：width height bgcolor background border align cellspacing cellpadding
行的属性：height algin:left center right valign:top bottom middle
单元格的属性：width height bgcolor background align valign colspan rowspan
细线边框：设置背景色为边框颜色、设置行的背景、设置边框为0、设置cellspacing=1

表单:

<form action="(地址) URL" method="方法"></form>

input

文本字段 text
密码 password
隐藏域 hidden
文本区域 textarea
复选框 checkbox
单选按钮 radio
选择列表 select
文件上传file
按钮 button
提交按钮 submit

select

<option></option>

简单的html到这里就结束了...,希望能帮助到大家，谢谢

a_Keri

关注

6
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
浅谈HTML

浅谈HTMLhtml：超文本标记语言基本结构：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;网页标题&lt;/title&gt; &lt;/head&gt; &lt;bo
复制链接

扫一扫