html-day01html相关基础

简介: html-day01html相关基础

html-day01html相关基础


前端:HTML结构+CSS样式+JS交互


1.HTML: hyper Text mark-up language超文本标记语言。

超文本:除去文本之外,还可以有图片、视频、音频、超链接等等。
标记:是一套标记符号
语言:用于交流的工具
html5:HTML最新版本 + 前端技术的总称
            W3C:万维网联盟,是中立的非盈利性组织。
扩展:
  XHTML:可扩展的html
  html5最新版本的html
  html4.01是最经典的版本


2.命名规则

1.名字由数字、字母、下划线组成,不能数字开头!
2.汉译英
3.推荐使用驼峰命名法(小驼峰aboutUs、大驼峰AboutUs)


3.HTML 理论

语法:
        <开始标签 属性="属性值"> 要被标记的内容 </结束标签>
        属性是对标签进行细节描述的东西。
1.html文件格式是以.html为后缀。
2.快速注释  ctrl+/ 
3.快速生成基本结构  英文! + 回车
    <!DOCTYPE html>   文档声明
    <html>
        <head>
            <meta charset='utf-8'> 设置编码格式
            <title>网页标题</title> 
        </head>
        <body>
            网页内容
        </body>
    </html>


4.html常用的标签

1.基础标签
    1.标题 
        说明:<h1>-<h6>
            h1~h6文字依次变小,强调程度依次降低。
            标题默认自带加粗效果
        2.段落
            <p>段落内容</p>
        3.水平线
            <hr>
        4.换行
            <br>
2.文字标签
        1.加粗
            <strong></strong> | <b></b>
            推荐使用strong,有强调含义。
        2.倾斜
            <em></em> |  <i></i>
            推荐使用em,有强调作用
        3.变大
            <big></big>
            标签可以嵌套哦!
        4.变小
            <small></small>
            不能小于浏览器支持的最小字体模型!
3.特殊符号
        大空格          &emsp;
        小空格          &nbsp;
        版权            &copy;
        商标            &reg;
4.其他标签
        <sup>上标</sup>   5<sup>2</sup>
        <sub>下标</sub>   O<sub>2</sub>
        <del>删除线</del>
        <u>下划线</u>
5.图片标签
        <img src='设置图片的路径' width='图片的宽度' height='高度' alt='图片不能正确加载的时候,显示的替代文本'>
相关文章
|
2月前
|
移动开发 JavaScript 前端开发
值得关注的HTML基础
该文章全面介绍了HTML的基础知识,包括HTML的发展历史、文档结构(如DOCTYPE、html、head、body等标签的使用),以及如何通过语义化标签提高代码的可读性和搜索引擎优化(SEO)。
值得关注的HTML基础
|
3月前
|
移动开发 Go 开发者
HTML5基础
【8月更文挑战第22天】HTML5基础。
45 1
|
3月前
|
移动开发 HTML5
HTML基础2
HTML基础
54 11
|
3月前
|
XML 前端开发 Java
HTML基础1
HTML基础
54 10
|
3月前
|
前端开发
HTML基础
这篇文章是HTML基础教程,涵盖了网页的基本信息、基本标签、图像标签、链接标签、列表标签、表格标签、媒体元素、页面结构分析、内联框架、表单等HTML页面构建的各个方面。
HTML基础
|
6月前
|
移动开发 HTML5
HTML5的基础
HTML5的基础
|
Web App开发 移动开发 前端开发
HTML 基础
介绍HTML基础,对于后端开发人员可以简单实现一个普通页面
|
前端开发 JavaScript 数据安全/隐私保护
HTML【基础篇】(下)
HTML【基础篇】(下)
HTML【基础篇】(下)
|
数据安全/隐私保护
HTML 基础(下)
HTML 基础(下)
86 0
HTML 基础(下)
下一篇
无影云桌面