1.前端三剑客之一——HTML（超文本标记语言）
什么是HTML
Hyper Text Markup Language超文本标记语言,体现可以对文本进行标记(颜色/字体大小),并且对动画,图片进行渲染等等!
2.页面标准结构介绍
<!DOCTYPE html> html5的文档类型 <html> html的标准的开始标签 <head> 头标签 <meta charset="utf-8" /> 页面编码utf-8(一个中文对应三个字节) <title></title> 页面的窗口标题 </head> <body> 页面主体部分,需要写大量的html元素(标签)在这里面通过浏览器进行渲染 </body> </html>
2.1前端项目结构
3.HTML的常见文本标签
<!-- 标题标签 h1-h6:从大到小
自动加粗
-->
<h1>你好,世界</h1>
<h2>你好,世界</h2>
<h3>你好,世界</h3>
<h4>你好,世界</h4>
<h5>你好,世界</h5>
<h6>你好,世界</h6>
<!-- <h7>你好,世界</h7> -->
<!-- 分割线标签 hr:没有开始标签 -->
<hr/>
<!-- 段落标签 :p
特点:这一段内容的前后都会带换行效果
-->
<!-- blockquote:段落缩进标签(长引用)-->
<p>以下是Java百度百科</p>
<blockquote>
Java是一种编程语言，被特意设计用于互联网的分布式环境。Java具有类似于C++语言的“形式和感觉”，但它要比C++语言
更易于使用，而且在编程时彻底采用了一种“以对象为导向”的方式。
</blockquote>
<p>
使用Java编写的应用程序，既可以在一台单独的电脑上运行，也可以被分布在一个网络的服务器端和客户端运行。另外，
Java还可以被用来编写容量很小的应用程序模块或者applet，做为网页的一部分使用。applet可使网页使用者和网页之间进
行交互式操作。
</p>
<hr/>
<!-- 滚动标签
常用的属性:
scrollamount:设置滚动速度:正整数的值(值越大,速度越开)
behavior:滚动方式:
slide 滚动某边框停止掉
scroll:穿梭滚动(默认值)
alternate:交替滚动
direction:滚动方向
left:默认值:从右到左
right:从左到右边滚动
up:给上面滚动
down:给下面滚动
bgcolor:背景颜色(颜色英文单词即可)
-->
<marquee
scrollamount="25"
bgcolor="blue"
direction="right"
behavior="alternate">我爱高圆圆</marquee>
<!-- 格式化标签 加粗标签/斜体标签
加粗标签 :strong和b都是同样 的效果,前者是一种"文章语言语气强调"
斜体标签:i和em同样的下过,前者i是普通斜体字,后者是"语气强调"
-->
<strong>中国</strong>
<b>中国</b> <br/> <!-- shift+ctrl+/ 快捷键 提供html注释 br：换行标签-->
hello,高圆圆
<i>hello,高圆圆</i>
<em>hello,高圆圆</em>
<br/>
<!-- pre标签:原样输出 按照文本的格式原封不动的进行浏览器输出 -->
<pre>
function checkUser(){
alert("hello") ;
}
public static void main(String[] args){
}
</pre>
<!--
计算机的编程代码code标签
<code>
function checkUser(){
alert("hello") ;
}
</code> -->
<!-- 上下标标签 sup和sub
一般情况用在网站门户首页 下面底部栏的版权所有信息或者注册商标信息
-->
数学公式:X^2
<br/>
数学公式:x<sup>2</sup> <br/>
化学公式:
H<sub>2</sub>O
<hr/>
<!-- html的转义字符 会被浏览器
(所有现代浏览器:谷歌/火狐/ie/edge/欧朋浏览器/洋葱浏览器...)进行解析
转义字符:
© 等价于 ©
® 等价于 ®
等价于一个空格键
  等价于两个空格键
< 等价于 <
> 等价于 >
-->
xxx公司2023-2024<sup>©</sup> 注册商标<sup>®</sup> <br/>
登 录<br/>
<h1>欢迎</h1>
<!-- 居中标签 -->
<center>hello,HTML</center>
4.超链接标签 基本语法
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接</title> <!-- 超链接 a标签 属性 href:链接到的资源地址url(统一资源定位符) url统一资源定位符的组成: 协议+域名+端口 :网站默认都是将端口80(省略不写) http://www.baidu.com 面试题: http协议的执行流程? target:打开资源文件的方式 _blank:新建一个窗口打开 _self:(默认值),当前窗口直接打开 --> </head> <body> <a href="01_html常见的文本标签.html" target="_blank">点击跳转</a> <br/> <a href="http://www.baidu.com" target="_blank">【链接到百度】</a> </body> </html>
4.1 http协议的执行流程
用户点击超链接字符将发送请求到本机localhost查找是否有url域名对应的ip地址，如果没有就会调用网卡驱动联网访问DNS服务器找到url地址后响应回传到电脑标签：Java,标签,DAY01,高圆圆,HTML,hello,你好 From： https://www.cnblogs.com/jc1126/p/17548828.html