HTML 常用标签锦集

Html文档基本结构

<html>
<head>
        <title>Document name goes here</title>
</head>
<body>
        Visible text goes here
</body>
</html>    

文本元素

<p>This is a paragraph</p>
<br />
<hr>
<pre>This text is preformatted</pre><!--此标签中间的文字的格式以输入时为准,只用于古诗等的展示-->

特殊含义的文本元素

<!--块级引用-->
<blockquote>
        Text quoted from some source.
</blockquote>
<!--地址-->
<address>
        Address 1<br />
        Address 2<br />
        City<br />
</address>

逻辑样式元素

<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>
<!--强调程度的排序是strong > em;code用于插入代码-->

实体样式元素 (用的比较少,一般使用css代替)

<b>This text is bold</b>
<i>This text is italic</i>


链接,锚,图片元素

<!--锚元素-->
<a href="http://www.example.com/">This is a Link</a><!--用于打开连接-->
<a href="http://www.example.com/ss.zip"></a><!--用于下载-->
<a href="mailto:[email protected]">Send e-mail</a><!--用于发送邮件-->
<!--命名的锚-->
<a id="tips">Useful Tips Section</a>
<a href="#tips">Jump to the Useful Tips Section</a><!--跳转到id为tips的元素处-->

<!--图片元素-->
<img src="URL" alt="Alternate Text"> <!--如果图片不能显示,则显示alt的值-->

列表

<!--无序列表-->
<ul>
    <li>First item</li>
    <li>Next item</li>
</ul>

<!--有序列表-->
<ol>
    <li>First item</li>
    <li>Next item</li>
</ol>

<!--自定义列表-->
<dl>
    <dt>First term</dt>
    <dd>Definition</dd>
    <dt>Next term</dt>
    <dd>Definition</dd>
</dl>

表格

<table border="1">
    <tr>
        <th>someheader</th><!--th标签中内容默认居中-->
        <th>someheader</th>
    </tr>
    <tr>
        <td>sometext</td> <!--td标签中内容默认居左-->
        <td>sometext</td>
    </tr>
</table>    

表单

<form action="http://www.example.com/test.asp" method="post/get">
        <input type="text" name="lastname" value="Nixon" size="30" maxlength="50">
        <input type="password">
        <input type="checkbox" checked="checked">
        <input type="radio" checked="checked">
        <input type="submit">
        <input type="reset">
        <input type="hidden">
        <select>
                <option>Apples</option>
                <option selected>Bananas</option>
                <option>Cherries</option>
        </select>
        <textarea name="Comment" rows="60" cols="20"></textarea>
</form>

实体

&lt;  : <
&gt;  : >
©  : ©Other Elements

时间: 2024-11-10 15:20:40

HTML 常用标签锦集的相关文章

系统管理之运维工作常用命令锦集

文件系统相关命令 [[email protected] ~]# tar -zcvf /tmp/etc.tar.gz /etc <==打包后,以 gzip 压缩[[email protected] ~]# tar -jcvf /tmp/etc.tar.bz2 /etc <==打包后,以 bzip2 压缩 http://blog.csdn.net/cynhafa/article/details/7303338

workconclusion -常用指令锦集

# some more ls aliases <!--切换到视图窗口-->alias nt='nautilus' <!--显示目录文件-->alias la='ls -A' alias ll='ls -alF' alias la='ls -A' alias l='ls -CF' <!--连接手机操作,杀死服务跟重新连接-->alias ak='adb kill-server' alias ad='adb devices' <!--管理员权限-->alias

常用git commond 锦集

#查看 git log git log ./kernel/driver/ git show 17228ec1630f6b47983870b3eddc90d4088dcc88 --name-only //下载 git clone https://github.com/wh19910525/my_often_shell.git git branch git branch -a git checkout branch1 //switch to an local branch git checkout

php面试需要掌握的基础题目锦集

1.session与cookie的区别? 答:session:储存用户访问的全局唯一变量,存储在服务器上的php指定的目录中的(session_dir)的位置进行的存放 cookie:用来存储连续訪問一个頁面时所使用,是存储在客户端,对于Cookie来说是存储在用户WIN的Temp目录中的. 两者都可通过时间来设置时间长短 2.如何修改SESSION的生存时间 答:方法1:将php.ini中的session.gc_maxlifetime设置为9999重启apache 方法2:$savePath 

PTA|团体程序设计天梯赛-练习题目题解锦集(C/C++)(持续更新中……)

PTA|团体程序设计天梯赛-练习题目题解锦集(持续更新中) 实现语言:C/C++:      欢迎各位看官交流讨论.指导题解错误:或者分享更快的方法!! 题目链接:https://pintia.cn/problem-sets/994805046380707840/problems 目录 (点击对应题目即可进入相应题解--小声BB--) L1-001 Hello World (5 分) L1-002 打印沙漏 (20 分) L1-003 个位数统计 (15 分) L1-004 计算摄氏温度 (5

第1部分 html常用标签

一.HTML常用标签 <!DOCTYPE html>第一行的 DOCTYPE 表示文档类型,这是HTML5的标准格式 <html lang="zh-CN"></html> 在 html 标签中要设置语言,英语是:en,中文是:zh-CN <meta charset="UTF-8"> 在 meta 标签中一定要设置字符集,是文档存储时用的字符集,还可以设置 GBK 1.排版标签 <h1></h1>

03-HTML常用标签和路径

人生苦短,要学就只学有用的 [前端教学-Html-2] HTML常用标签和路径 学习目标 理解: 相对路径三种形式 应用 排版标签 文本格式化标签 图像标签 链接 相对路径,绝对路径的使用 1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后面有些较少用的,我们可以查下手册就可以了. 这里多嘴一下:一定要多去查手册,因为对于我们后面的学习来说,大部分

第2天:HTML常用标签

今天学完主要对所学知识点进行了整理. 一.超链接ahref:www.baidu.com(跳转页面):id名(锚点跳到相应div位置):01.rar(压缩包) target:_blank(新窗口打开):_self(当前窗口打开)二.文件路径绝对路径:(1)线上:线上绝对路径(2)线下:完整路径 相对路径:src=../img/bg.jpg(../是上一级目录) 三.HTML常用标签section :版块 用于划分页面上的不同区域,或者划分文章里不同的节 header :页面头部或者版块(secti

dede 首页的常用标签

dede 首页的常用标签!1.织梦标签学习方法1)不要深究织梦的标签是织梦的开发者提供给我们的,我们只要使用就好了,不要深究,这超出我们学习使用织梦的范畴了,我们本课程不是搞二次开发!2)复制很重要使用dede 不要去背那些提供给我们的标签,我们只要会复制粘贴,对某个标签有疑问直接粘贴到模板里看看能得到什么结果就可以了!2.标签分类1)单标签{dede:标签名属性="值" ..../}{dede:include filename="head.htm"/}2)双标签{