HTML元素 属性 格式化标签

简介:

一、HTML元素:

    1.元素指的是从开始标签结束标签的所有代码  

1
         < p >This is my web page.</ p >

        开始标签:<p>

        结束标签:</p>

        元素内容:This is my web page.

    2.HTML元素语法

        元素的内容是开始标签与结束标签之间的内容

        空元素在开始标签中进行关闭

        大多数HTML元素可拥有属性

    3.嵌套的HTML元素

        大多数HTML元素都是可以嵌套的


二、HTML属性

    1.标签可以拥有属性为元素提供更多的信息

    2.属性以键/值对的形式出现   

1
             href="www.baidu.com"

    3.常用标签属性

        <h1>:align对齐方式

        <body>:bgcolor背景颜色

        <a>:target规定在何处打开链接(其中 链接3 链接4 在框架中会有所体现)

1
2
3
4
                     < a  href = " target=" _blank">打开新的链接</ a
                     < a  href = "www.baidu.com"  target = "_self" >(默认)覆盖链接</ a >
                     < a  href = "www.baidu.com"  target = "_parent" >链接3</ a >
                     < a  href = "www.baidu.com"  target = "_top" >链接4</ a >

    4.通用属性

        class:规定元素的类名

        id:规定元素唯一ID

        style:规定元素的样式

        title:规定元素的额外信息


三、HTML格式化标签

    <b>    定义粗体文本

    <big>    定义大号字

    <em>    定义着重文字

    <i>    定义斜体字

    <small>    定义小号字

    <strong>    定义加重语气

    <sub>    定义下标字

    <sup>    定义上标字

    <ins>    定义插入字

    <del>    定义删除字



本文转自yeleven 51CTO博客,原文链接:http://blog.51cto.com/11317783/1771258

相关文章
|
22天前
HTML_表单标签
HTML_表单标签
16 0
|
1天前
|
移动开发 前端开发 搜索推荐
【CSDN创作优化1】个人简介优化 html font属性
【CSDN创作优化1】个人简介优化 html font属性
5 0
|
5天前
|
前端开发
html中行内元素、块级元素、行内快元素都有哪些,以及区别
html中行内元素、块级元素、行内快元素都有哪些,以及区别
15 1
|
9天前
|
JavaScript 前端开发 UED
【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
【5月更文挑战第2天】【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
|
9天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
11天前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
|
11天前
|
移动开发 JavaScript 前端开发
【专栏:HTML进阶篇】HTML模板与Web组件:可复用的网页元素
【4月更文挑战第30天】HTML模板和Web组件提升网页开发效率和可维护性。HTML模板,如&lt;template&gt;元素和服务器端模板引擎,用于创建可复用的HTML结构。Web组件是自定义的HTML元素,结合影子DOM和模板,实现封装的可重用组件。两者助力构建高效、现代的网页和网站。
|
11天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的&lt;div&gt;和&lt;span&gt;。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
11天前
|
移动开发 前端开发 JavaScript
【专栏:HTML基础篇】深入HTML元素:理解结构与内容
【4月更文挑战第30天】本文探讨了HTML在构建网页中的核心作用,HTML元素构成网页结构与内容,包括`&lt;!DOCTYPE html&gt;`、`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等基本元素及`&lt;div&gt;`、`&lt;span&gt;`、`&lt;a&gt;`、`&lt;img&gt;`等丰富标签。理解并恰当使用这些元素能创建清晰结构、优化SEO、增强交互性,并实现语义化,为打造功能强大且美观的网站奠定基础。进一步学习CSS和JavaScript将提升网页视觉效果和互动性。
|
12天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)